HTML で選択した オプションの背景色を変更するにはどうすればよいですか?

HTMLのオプション? " />

HTML の CSS スタイル 選択されたオプションの背景色

HTML では、 要素はドロップダウン リストの作成に使用されますデフォルトでは、オプションが選択されると背景色が青になります。ただし、この色をカスタマイズすることもできます。 CSS.

選択された オプションの背景色をスタイル設定するための CSS プロパティ「selected-color」は存在しません。このタスクには純粋な CSS だけでは十分ではない可能性があります。

JavaScript ソリューション

より実現可能なアプローチには、HTML、CSS、

<select></select>

上記の HTML コードでは、事前定義された背景色を持つ 要素を作成しました。

select {
    color: black; /* Default color for options */
}

この CSS は、 内のすべての 要素のデフォルト色を設定します。 black.

var sel = document.getElementById('mySelect');
sel.addEventListener('click', function(el){
    var options = this.children;
    for(var i=0; i <p>この Javascript コードでは、オプションがクリックされると、イベント リスナーを <select> 要素に追加します。要素を作成し、その色を白に設定します。次に、選択したオプションの色を赤に設定します。</select></p><p>HTML、CSS、JavaScript を組み合わせることで、選択した <select> のデフォルトの青色の背景色をオーバーライドできます。オプションを選択して好みに合わせてカスタマイズします。</select></p>

以上がHTML で選択した オプションの背景色を変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。