javascript - 選択ボックスのオプションの背景画像を追加するにはどうすればよいですか？

Question

誰かが私にこの問題のクロスブラウザサポートソリューションを教えてもらえますか？

Answer 1

このリファレンスのように、カスタムjqueryプラグインを使用できます。

http://www.marghoobsuleman.com/jquery-image-dropdown

Answer 2

HTML：-以下のようなインラインスタイルを使用できます。

<select>
    <option style="background-image:url(1stimage.gif);">1</option>
    <option style="background-image:url(2ndimage.gif);">2</option>
    <option style="background-image:url(3rdimage.gif);">3</option>
</select>

上記のコードは、FirefoxおよびWebkitブラウザーで機能します。JQuery UIを使用できるその他のブラウザーについては、以下のリンクを参照してください。

http://docs.jquery.com/UI/Selectable

編集：これを試すこともできますhttp://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx