MozillaZine

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

Discuss how to use and promote Web standards with the Mozilla Gecko engine.
pwong
 
Posts: 25
Joined: January 29th, 2005, 8:54 pm

Post Posted December 30th, 2016, 3:38 pm

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
Moderator

User avatar
 
Posts: 117108
Joined: September 23rd, 2004, 8:57 pm
Location: Somewhere on the right coast

Post Posted December 30th, 2016, 4:54 pm

Moving to Web Development.

BruceAWittmeier

User avatar
 
Posts: 2608
Joined: June 9th, 2008, 10:53 am
Location: Near 37.501685 -80.147967

Post Posted December 30th, 2016, 6:10 pm

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; }
~ I'm only here to Pay it Forward. ~

"I often take a very long windy road to my destination. When I arrive I often wonder how I missed the shortcut".

pwong
 
Posts: 25
Joined: January 29th, 2005, 8:54 pm

Post Posted December 30th, 2016, 11:50 pm

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

User avatar
 
Posts: 2608
Joined: June 9th, 2008, 10:53 am
Location: Near 37.501685 -80.147967

Post Posted December 31st, 2016, 5:44 am

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
~ I'm only here to Pay it Forward. ~

"I often take a very long windy road to my destination. When I arrive I often wonder how I missed the shortcut".

pwong
 
Posts: 25
Joined: January 29th, 2005, 8:54 pm

Post Posted January 1st, 2017, 1:22 pm

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

Return to Web Development / Standards Evangelism


Who is online

Users browsing this forum: No registered users and 2 guests