空の色divと表示値を持つhtml selectオプションのdispaly値が必要です。html空白のdivと表示値を持つオプション表示値を選択
html、js、またはjqueryを使用してどのように行うのですか？
私はそれに必要な添付されたpngの値です。
ありがとうございました。
<select>
<option value="volvo"><div style="width:10px;height:10px;background-color:red"></div>V</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
あなたはSELECT2ライブラリを使用しようとするかもしれません。 https://select2.github.io/examples.html
ありませんあなたは<option>タグが他のタグを含めることはできませんすることはできませんよう。したがって、<option>タグ内にdivまたはspanを追加することはできません。
しかし、あなたはあなたはいつもちょうどこのようなオプション全体色付けができhttps://semantic-ui.com/modules/dropdown.html
試すことができます。
<select >
<option style="background-color: lightblue;" value="Saab">Saab</option>
<option style="background-color: lightgreen;" value="Mercedes">Mercedes</option>
<option style="background-color: red;" value="Audi">Audi</option>
</select>
をそれ以外の場合、私はあなたが何をしようとして達成することができますあまりにもわかりません。
こんにちは空白の色付きdivとスペースを必要とします。 – stacki
ようこそスタックオーバーフロー。ローカルスニペットで問題の例を作成するには、関連するコード（css html jq）を共有する必要があります。また、あなたの問題を解決しようとしたことを共有してください。 https://stackoverflow.com/help/mcve –
こんにちはmihai私はコード – stacki
を追加しました。問題は、 'background-image'のような多くのスタイルがクロスブラウザでサポートされていないため、' option'タグを編集するためのアクセスが非常に制限されていることです。選択、オプション、ラジオ、チェックボックスはブラウザに非常に依存しています。したがって、デフォルトのスタイルを変更すると99％がすべてのブラウザで動作しません。 –