We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

the style and class attributes on optionn tag seem to be ignored in FF69 on Ubuntu Linux

jamescobban
jamescobban
more options

The following page honors the requested text color when viewed in Chrome but not in FF69 on Ubuntu Linux. 

<style>
    .male      {color:              #000080; /* dark blue */
                }
    .female    {color:              #800000; /* dark red */
                }
    .unknown   {color:              #008000; /* dark green */
                }
</style>
<p>class attribute on &lt;option&gt; seems to be ignored by Firefox 69 on Ubuntu Linux</p>
    <select name="Gender" id="Gender" size="1"
		                class="female left">
		<option value="0"  class="male">
		    Male
		</option>
		<option value="2" selected="selected" class="female">
		    Female
		</option>
		<option value="2"  class="unknown">
		    Unknown
		</option>
	</select>

style attribute on <option> seems to be ignored by Firefox 69 on Ubuntu Linux

   <select name="Gender2" id="Gender2" size="1"

class="male left"> <option value="0" selected="selected" style="color: #000080;"> Male </option> <option value="1" style="color: #800000"> Female </option> <option value="2" style="color: #008000"> Unknown </option> </select>

The following page honors the requested text color when viewed in Chrome but not in FF69 on Ubuntu Linux. <pre><nowiki><style> .male {color: #000080; /* dark blue */ } .female {color: #800000; /* dark red */ } .unknown {color: #008000; /* dark green */ } </style> <p>class attribute on &lt;option&gt; seems to be ignored by Firefox 69 on Ubuntu Linux</p> <select name="Gender" id="Gender" size="1" class="female left"> <option value="0" class="male"> Male </option> <option value="2" selected="selected" class="female"> Female </option> <option value="2" class="unknown"> Unknown </option> </select></nowiki></pre> <p>style attribute on &lt;option&gt; seems to be ignored by Firefox 69 on Ubuntu Linux</p> <select name="Gender2" id="Gender2" size="1" class="male left"> <option value="0" selected="selected" style="color: #000080;"> Male </option> <option value="1" style="color: #800000"> Female </option> <option value="2" style="color: #008000"> Unknown </option> </select>

Modified by cor-el

All Replies (2)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

In Firefox it is not easy to style SELECT tags.

See Styling with CSS in the docs on MDN.

jamescobban
jamescobban Question owner
more options

I have no problem styling the select. It Is the option tags for which FF is ignoring both class and style. I should not be forced to use JavaScript to make "male" display in blue, female in red, and unknown in green.