Can't change font size of select drop down popup.

[pwong]

Hello, I found a strange behaviour about <select> tag in firefox.

Code: Select all

select { font: 24pt Arial; }

When change the font size of select element, the font size of the select drop down popup remain unchanged.
Is this a bug of firefox? Should I report this?

My system is Windows 7 32-bit and my browser is pcxFirefox 50.1.0 / lawlietfox 50.1.0

Edit:
pcxFirefox 47.0.1 do not have this problem. Do other versions have this problem?

Edit2:
I found that is a problem about e10s. When e10s is disabled, both pcxFirefox 50.1.0 and lawlietfox 50.1.0 display properly.

[DanRaisch]

Moving to Web Development.

[BruceAWittmeier]

What file are you adding this to? It works fine when added to the userContent.css

and you might add -- just in case:

select { font: 24pt Arial !important; }

[pwong]

Please try to add a "font-size:18pt" style to the <select> element at the bottom of this page.
You can do this by right-click on the select element and click Inspect Element. Then in the right pane click element and add the style.

Is the font size of the select drop down popup changed?


.

[BruceAWittmeier]

I don't know how to use the inspector -- I just alter my userContent.css or userChrome.css files for my profile.

There may be an error in the property name:

If I use "font:" it works.
If I use "font-size:" it fails.

See this from MDN regarding some caveats on fonts.
https://developer.mozilla.org/en-US/docs/Web/CSS/font

[pwong]

I reported this bug and then is marked as duplicate of bug 910022
https://bugzilla.mozilla.org/show_bug.cgi?id=910022