MozillaZine

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

User Help for Mozilla Thunderbird
bee1618
 
Posts: 13
Joined: September 19th, 2019, 5:17 pm

Post Posted October 9th, 2019, 3:57 pm

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
 
Posts: 3439
Joined: February 3rd, 2009, 6:29 pm

Post Posted October 9th, 2019, 7:08 pm

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: viewtopic.php?p=14845870#p14845870

bee1618
 
Posts: 13
Joined: September 19th, 2019, 5:17 pm

Post Posted October 9th, 2019, 11:10 pm

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
 
Posts: 3439
Joined: February 3rd, 2009, 6:29 pm

Post Posted October 10th, 2019, 6:42 am

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.

bee1618
 
Posts: 13
Joined: September 19th, 2019, 5:17 pm

Post Posted October 10th, 2019, 10:37 am

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

Return to Thunderbird Support


Who is online

Users browsing this forum: No registered users and 6 guests