Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

Avatar for Username

Prohledat stránky podpory

Vyhněte se podvodům. Za účelem poskytnutí podpory vás nikdy nežádáme, abyste zavolali nebo poslali SMS na nějaké telefonní číslo nebo abyste sdělili své osobní údaje. Jakékoliv podezřelé chování nám prosím nahlaste pomocí odkazu „Nahlásit zneužití“.

Zjistit více
Toto vlákno bylo archivováno. Pokud potřebujete pomoci, založte prosím nový dotaz.
Archivováno

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

Firefox Řešení problémů
jamescobban odpověděl(a)
jamescobban
jamescobban

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>

Upravil uživatel cor-el dne

Všechny odpovědi (2)

cor-el
cor-el
  • 25 největších přispěvatelů
  • Moderátor

In Firefox it is not easy to style SELECT tags.

See Styling with CSS in the docs on MDN.

jamescobban
jamescobban Autor dotazu

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.