2

CSSを使用してChromeとIE<option>のボックスでタグを太字にする方法はありますか? selectFirefoxで動作しています。

option.red {
    background-color: #cc0000; 
    font-weight: bold; 
    font-size: 12px; 
    color: white;
}

<select name="color">
    <option class="red" value="red">Red</option>
    <option value="white">White</option>
    <option value="blue">Blue</option>
    <option value="green">Green</option>
</select>

これはここと同じ質問ですが、答えはありませんでした。

4

3 に答える 3

2

これはできません。「そこに」ある可能性が最も高い解決策は、ハードコードされたスタイルで周囲のスパンを追加することですが、IE (7) も Firefox (3.0.12) もこれを尊重しません。

できることは、JavaScript ソリューションを使用して、実際に選択を使用せずに選択の外観を与えることです。

そして、これを行う方法に関する素晴らしい「ハウツー」があります：http://www.devirtuoso.com/2009/08/styling-drop-down-boxes-with-jquery/

于 2012-07-18T08:05:06.773 に答える