html - オプションの背景画像

Question

<select>それぞれにアイコンのラベルが付いた要素を取得したいと思い<option>ます。

<select size="5">これは、各アイコンがオプションと一致する背景画像をに適用することで実現できますが、予測可能な<select>高さに強く依存します（そうではありません）。<option>

個々の背景色をさまざまなオプションに適用できるので、背景画像を使用してみませんか？

<option>実際、この質問は、 「タグで使用できるスタイルプロパティと使用できないスタイルプロパティ」をカバーするように拡張できます。

Answer 1

このような要素をブラウザ間で確実にスタイル設定することはできません。背景などを挿入できるものもあれば、挿入できないものもあります。

クロスブラウザの互換性を保証したい場合、唯一の方法は<select>要素の代わりにカスタムウィジェットを使用することです。

互換性が制限されていても問題がない場合は、ターゲットブラウザを指定してください。

Answer 2

残念ながら、オプションタグはテキストのみをサポートしているため、画像をオプションタグに追加することはできません。目的の効果を実現する唯一の方法は、javascript/jqueryを使用して独自の「選択」を行うことです。