ver.68 html | input [type = "number"] affects other places.

[1618年]

Until Thunderbird 60.9, the background of the numerical input field of the account manager is

textbox {
-moz-appearance: none! important;
background-color: Blue! important;
}

I was able to change it.

However,from ver68,the background color of the numeric input field does not change in this style.

for that reason

html|input [type="number"] {
-moz-appearance: none! important;
background-color: Blue! important;
}

You have successfully changed the background color of the numeric input field using.

However, the numerical input field in the toolbar "# print-preview-toolbar" of the print preview page opened from the address page due to the influence of this code

The numerical input field in the toolbar "# print-preview-toolbar" of the print preview page opened from the newly created page becomes strange.

The numeric input field on the print preview page toolbar should normally not have "spinbuttons"

I've been researching for a long time, but I can't find the answer.

Please let me know the CSS code to set the background color settings separately for the account manager and the numeric input field and the numeric input field on the print preview toolbar.

Thank you in advance.

[morat]

Try this:

Code: Select all

/* Thunderbird userChrome.css */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

@-moz-document url-prefix("chrome://messenger/content/AccountManager.xul"),
               url-prefix("chrome://messenger/content/am-server.xul") {
  html|input[type="number"] {
    -moz-appearance: none !important;
    background-color: orange !important;
  }
}

@-moz-document url-prefix("chrome://messenger/content/msgPrintEngine.xul") {
  html|input[type="number"] {
    -moz-appearance: none !important;
    background-color: pink !important;
  }
}

You can use the "Select an iframe..." button to change the document, then type "location;" and press enter in the Console tab to get the url.

Account Settings > chrome://messenger/content/AccountManager.xul
Server Settings > chrome://messenger/content/am-server.xul
Print Preview > chrome://messenger/content/msgPrintEngine.xul

More info: http://forums.mozillazine.org/viewtopic ... #p14845870

[1618年]

I'm sorry
With this method, the size of the numeric input field in the print preview of the address book is thin and small.

In the normal theme state, there should be no spinbuttons in the numerical input field of the print preview of the address book page and the numerical input field of the print preview of the new message creation page.
This will be displayed. I want to erase it.Is there any way?

Also, in the account manager dialog, the value input field is left white except for the server setting.

I'm not good at English. I'm sorry.
I am sorry for asking many questions. Please give me more details. Excuse me.

[morat]

Okay. I assumed you wanted to style the Print Preview page.

Try this:

Code: Select all

/* Thunderbird userChrome.css */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

@-moz-document url-prefix("chrome://messenger/content/am-server.xul"),
               url-prefix("chrome://messenger/content/am-junk.xul"),
               url-prefix("chrome://messenger/content/am-offline.xul") {
  html|input[type="number"] {
    -moz-appearance: none !important;
    background-color: orange !important;
  }
}

I think that's all the urls with the <html:input type="number"> element in the page.

I'm only testing with a Google IMAP account so you may need to use the Developer Toolbox to find other urls.

[1618年]

Thank you.
My wish came true.
I really appreciate it.