Firefox の選択ボックスからアウトラインを削除するにはどうすればよいですか?

Firefox の選択ボックスからアウトラインを削除する

選択要素内の選択された項目を囲むアウトラインは、視覚的に邪魔になる可能性があります。この記事では、アウトライン CSS プロパティが無効であるにもかかわらず、Firefox でこのアウトラインを削除する方法について説明します。

CSS を使用した失敗した試行

値を指定してアウトライン プロパティを追加するCSS の none は、Firefox のアウトラインを削除しません:

select { outline:none; }

疑似クラスを使用した完全な解決策

より堅牢な解決策には、Firefox 固有の疑似クラスを使用することが含まれます。 -class:-moz-focusring:

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

このコードは、次のスタイルを:-moz-focusring 擬似クラスに適用します:

• 色を透明、非表示に設定します。
• フォントの外観が変更されないように、サイズ 0 のテキスト シャドウを追加します。

このスタイルを適用すると、点線のアウトラインは Firefox でのみ削除され、影響はありません。他のブラウザ。このソリューションは、選択ボックスからアウトラインを削除するための信頼できるブラウザー固有の方法を提供します。

以上がFirefox の選択ボックスからアウトラインを削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。