11

添付のスクリーンショットはOSX/ Firefox 3のものです。中央のタブ（画像）の周りに点線があることに注意してください。これは、最近選択されたタブであるためと思われます。CSSまたはJavaScriptでこの点線を削除する方法はありますか？（うーん...無料の画像ホスティングサービスにより、画像のサイズが縮小されました。しかし、それを見ることができれば、ブロックの周りの点線の選択領域に気付くでしょう。）

スクリーンショットhttp://www.freeimagehosting.net/uploads/th.fadf78173b.png

4

5 に答える 5

21

css に次の行を追加します。

a:active, a:focus { outline-style: none; -moz-outline-style:none; }

(もちろん、タブが a 要素を使用して作成されていると仮定します。)

[編集] 他のすべての人からの要求に応じて、これを将来見る人のために、アウトラインはキーボード ナビゲーターにとって重要であることに注意してください。これは、選択した場所を指定し、次の「タブ」がどこに移動するかのヒントを与えるからです。 . したがって、この点線の選択を削除することはお勧めできません。しかし、必要に応じて、どのように行うかを知っておくと便利です。

コメントで述べたように、FF > v1.5 のみを扱っている場合は、自由に -moz-outline-style:none; を省略してください。

于 2008-10-06T23:47:08.227 に答える
4

onclick イベントで、 this.blur()

または、特にフォーカスを別の場所に設定します。

于 2008-10-06T23:40:20.113 に答える
1

はじめての方はこちらをお試しください

*,*:hover,*:focus,*:active { outline: 0px none; }

ただし、これによりユーザビリティが低下します。

主に TAB キーを使ってナビゲートする人などに、現在何がフォーカスされているかがわかるように、適切な代替効果を選択的に適用する必要があります。

div.foo:active, 
div.foo:focus, 
div.foo:hover
{  
  /* Alternative Style */
}
于 2008-10-06T23:49:29.143 に答える
0

使用して

*:focus {outline:0px;}

マウスで選択すると、入力とテキストエリアのスタイルが削除されます。:focus ですべてのアウトラインを削除することを選択した場合は、これらのスタイルをこれらのフォーム項目の境界線に追加してください。

于 2013-02-21T21:15:22.030 に答える
0

:focus および :active 疑似クラスを見ることから始めることができますが、これらのケースから書式設定を完全に削除するべきではありません。

于 2008-10-06T23:40:26.027 に答える