<option>タグ内のカスタマイズされたCSSスタイル<select>リスト

Question

HTMLまたはjQueryプラグインを使用して拡張された選択リストをカスタマイズする他の方法があるかどうかは疑問でした。他のブラウザではスタイルを取り除くながら

<select size="12" name="ddlSpecial" id="ddlSpecial"> 
    <option value="1"> 
     <div>Option text <span style="color:Red;">(1)</span></div> 
    </option> 
    <option value="2"> 
     <div>Option text <span style="color:Red;">(1)</span></div> 
    </option> 
</select> 

上記のHTMLは、Firefoxでのみ動作します：数が赤く着色されている。この例のように基本的に私は、リスト内の各オプションは、複数のスタイルでレンダリングしたい

http://i.stack.imgur.com/TqZuc.jpg

Answer 1

これをチェックアウト：

http://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx

をあなたはそれを行うことができますが、基本的には通常の選択をと置き換える必要があります。ul