CSS 回避策を使用して ` ドロップダウン内の ` 要素をスタイル設定するにはどうすればよいですか?

スタイリング <オプション> 内の要素CSS を使用した要素

ただし、

のスタイルを設定することは不可能です。 内の要素

Firefox 35 と WebKit の改善

Firefox 35 と WebKit では、Appearance プロパティを使用できます。 のデフォルトのスタイルを非表示にします。要素。 -webkit-Appearance と -moz-Appearance を none に設定すると、ドロップダウン ボタンを削除できます。 IE 11 サポートの場合、[::-ms-expand] を使用してこの効果を実現することもできます。

HTML と CSS を使用したクロスブラウザーの回避策

シミュレートするには

のスタイリング

1. コンテナ div を作成し、

で囲みます。

境界線、パディング、ホバー効果などのスタイルをコンテナ div に追加します。

リスト項目を含む、コンテナ div 内のネストされた順序なしリスト (

) を非表示にします。 <オプション>を表します。
• ホバー効果をコンテナ div に適用して、ネストされた順序なしリストを表示します。
• のスタイルを設定します。順序なしリスト内の要素は のようになります。パディング、境界線、ホバー効果などの要素。

この回避策は、 のスタイル設定の回避策を提供します。ただし、これらの要素の直接 CSS スタイル設定はすべてのブラウザでサポートされているわけではありません。

以上がCSS 回避策を使用して ` ドロップダウン内の ` 要素をスタイル設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。