web-dev-qa-db-fra.com

CSS Sélectionnez Dropdown audacieux sur une autre <option>

Sur une liste déroulante Sélectionner, j'ai besoin de faire certains articles "fort/audacieux".

Comment puis-je faire ceci?

Exemple de ce que j'ai idéalement besoin:

<option value="#"><strong>Andorra</strong></option> 
<option value="#">--Grandvalira</option> 
<option value="#">--Vallnord</option> 
<option value="#"><strong>Austria</strong></option> 
<option value="#">--Amadé</option> 
<option value="#">--Bad Kleinkirchheim</option> 
<option value="#">--Mallnitz</option>
13
user991830

vous pouvez utiliser :nth-child(N)

option:nth-child(1), option:nth-child(4) {
    font-weight:bold;
}

Démo: http://jsfiddle.net/sotiris/sqshn/

Trouvez d'autres informations et support de navigateur pour cette pseudo-classe à http://reference.sitepoint.com/css/pseudoclass-nthchild

7
Sotiris

Utiliser CSS dans les travaux comme une alternative plus rapide et plus facile

<option value="value" style="font-weight: bold;">SELECT ME</option>
2
Ben Davis