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