ホバー時に選択リスト オプションの背景色を変更するにはどうすればよいですか?

カーソルを合わせたときに選択リスト オプションの背景色を変更できますか?

お気づきのように、 で :hover を使用しようとしましたが、

考えられる解決策

現在、 の背景色を変更する組み込みの CSS ソリューションはありません。ホバー上の要素。ただし、Choosen や Select2 などのサードパーティ ライブラリを利用すると、選択リストのスタイルを柔軟に設定できます。

代替手段

ライブラリを使用したくない場合は、次の代替案:

• を変換します。 JavaScript または jQuery プラグインを使用して、要素を順序なしリスト (
  ) に追加します。これにより、各リスト項目の外観を個別にカスタマイズできます。
  • ::before 疑似要素を使用して、
  にホバー効果を作成します。要素自体。これにより、個々のオプションではなく、ドロップダウン メニュー全体の背景色を変更できます。

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