CSS は、 要素内の 要素のホバー背景色を変更できますか?

のカスタマイズハイライトカラー

内でカーソルをリスト項目 (

) の上に置いたときに、CSS を使用してリスト項目 (

) の背景色を変更できますか? element?

明確化

元の質問は、望ましい動作に関して不明瞭です。 の背景色を変更することが目的だったようです。要素。

試行と結果

の変更を試みます。システム カラーが常に適用されるため、要素の背景色は失敗することがわかっています。

<code class="css">select:hover { background-color: red; }</code>

代替解決策

望ましい動作に部分的に対処するアプローチは、 全体を強調表示することです。カーソルをその上に置くと要素:

• ただし、この手法ではブラウザ固有の動作の違いが示されます:

Chrome ではドロップダウン全体が強調表示されますが、個々のオプションは強調表示されません。

Firefox はドロップダウンとオプションの両方を強調表示しますが、オプションが表示されたままになった後にカーソルを移動しても強調表示は残ります。

結論広く指摘されているように、スタイル設定はフォームコントロールを確実に行うのは困難です。さらに詳しく調べるには、提供されているドキュメントを参照してください。

以上がCSS は、 要素内の 要素のホバー背景色を変更できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

firefox css chrome select this background li

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：ドロップダウン メニューの YouTube iframe がブラウザごとにレンダリングが異なるのはなぜですか?次の記事：ドロップダウン メニューの YouTube iframe がブラウザごとにレンダリングが異なるのはなぜですか?

関連記事

続きを見る

• CSSを書くときにBorderについて注意すべきことまとめ
• 複数のスタイル選択とスタイルのリアルタイム切り替えを実現する方法_体験交流
• マーキーの詳細な使用状況分析
• CSSタイトル行の実装（行削除効果による行削除）
• CSS3 におけるグレースフル デグラデーションとプログレッシブ エンハンスメントの違い

福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！

私たちについて免責事項Sitemap

© php.cn All rights reserved