ホバー時に選択した要素のハイライト色をカスタマイズするにはどうすればよいですか?

選択要素のハイライト カラーのカスタマイズ

Q: < に表示されるハイライト カラーを変更するにはどうすればよいですか?ライト> 内でマウスを要素の上に置くと、その要素が表示されます。ドロップダウン?

A:

の強調表示に関する提供された情報。

内の要素は不明です。ただし、 の背景色を変更するつもりのようです。要素。 CSS スタイルを使用してもシステム カラーが優先されるため、その試みは失敗しました。

または、 全体を強調表示することもできます。マウスオーバー時の要素は、次の CSS を使用して実現できます:

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

ただし、この回避策の動作はブラウザーによって異なります。たとえば、Chrome はドロップダウンのオプションを強調表示しませんが、Firefox は強調表示しますが、マウスを移動したときにデフォルトの色を復元できません。

フォーム コントロールのスタイルを確実に設定するのは本質的に難しいことに注意することが重要です。この制限の詳細については、次の説明を参照してください。

以上がホバー時に選択した要素のハイライト色をカスタマイズするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

firefox css chrome for while select using default this background li

声明：

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

前の記事：ユニバーサル セレクター (*) は、最新のブラウザーでも依然としてパフォーマンスのボトルネックになっていますか?次の記事：ユニバーサル セレクター (*) は、最新のブラウザーでも依然としてパフォーマンスのボトルネックになっていますか?

関連記事

続きを見る

• 最適なパフォーマンスを得るには、CSS および JavaScript コードを HTML Web ページのどこに配置する必要がありますか?
• HTML5/CSS3 で部分的に枠線のある円を作成できますか?
• CSS で動的幅を使用してラベルと入力を水平方向に整列させるにはどうすればよいですか?
• CSS 背景画像が表示されないのはなぜですか?
• CSS のレンダリングが開発環境と運用環境で異なるのはなぜですか?

• ホームページ

• コース

• に質問

• 私の

• ホームページ
• コース
• 記事
• に質問
• 辞書
• マニュアル
• ダウンロード
• 特集

ホームページ

記事

に質問

コース

特集

ダウンロード

ゲーム

辞書

简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）