web-dev-qa-db-ja.com

cssはいくつかの<option>で太字のドロップダウンを選択します

選択ドロップダウンで、特定のアイテムを「強く/太字」にする必要があります。

これどうやってするの？

私が理想的に必要とするものの例：

<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>
cssformsselectoption
13
user991830

あなたは:nth-child(N)を使うことができます

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

デモ：http://jsfiddle.net/Sotiris/sqshN/

http://reference.sitepoint.com/css/pseudoclass-nthchild で、この疑似クラスの詳細とブラウザサポートを見つけてください。

7
Sotiris

実際にはできません。

closestこと（太字のアイテムは選択できません）

 <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>

これはあなたにこれを与えます： enter image description here

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_optgroup

独自のタグを作成することもできますが、それはinputタグとして入力されません（独自の入力を使用する必要があります）。

36
Royi Namir

作業でcssを使用して、より速く、より簡単な代替手段として使用する

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