ホームページ >ウェブフロントエンド >CSSチュートリアル >Firefox_Experience Exchange でハイパーリンクをクリックしたときに表示される醜い展開点線を削除する方法

Firefox_Experience Exchange でハイパーリンクをクリックしたときに表示される醜い展開点線を削除する方法

WBOY
WBOYオリジナル
2016-05-16 12:04:001332ブラウズ

ナビゲーション メニューを作成するときなど、いくつかの特殊なケースでは、Firefox が誤ってリンクの境界線を拡張するため、これが起こると非常に悪い影響が生じます。
Firefox のアドレス バーに about:config と入力し、車を返します。 「browser.display.focus_ring_width」という設定項目があるのですが、これを0に変更するとリンクをクリックしたときに枠線が表示されなくなります。ただし、この場合、ボタンにフォーカスがあるときに境界インジケーターはありません。そして、開発者として、ブラウザーでこの属性を設定することは、他の人を欺くことと同じです。
これは実際には、Firefox がフォーカスがあるときに タグに追加するアウトライン属性です (擬似セレクター - a:focus)。
正しい解決策は、CSS にルールを追加することです:
a {
outline: none;
}
または範囲を狭めます:
a:focus {
outline: none ;
}
後者では、リンク上でマウスの左ボタンを押すと、解放されるまでの間、点線のアウトラインが表示されます。
私が見たほとんどの Web サイトでは、このルールを次のように記述します。 CSS。おそらく Firefox は、このデフォルトのアウトラインを削除することを検討すべきでしょう。

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