1

http://i45.tinypic.com/34pezdj.jpg

Web内のすべての要素をタブで移動すると、アウトラインが表示されます。これはFirefoxでのみ発生します（Chrome、Opera、Safariでは表示されません）

Firebugコンソールを使用して、どの要素がフォーカスされているかをdocument.activeElementで検出すると、次のように表示されます。

>>> document.activeElement

<html>

次に試してみました：

html {outline: 0}

しかし、このアウトラインはまだ表示されます。

どうすればこれを取り除くことができますか？

ps：Google、Facebookなどの他のページのすべてのページをタブで移動してみます。このようなアウトラインはありません。

4

2 に答える 2

1

ここにあなたの解決策があります

:focus {outline:none;}
::-moz-focus-inner {border:0;}
于 2014-01-04T10:32:41.947 に答える
0

編集： ここで混乱があったようですので、私は自分自身を修正します：

以外の要素がないので<body>、FF は にしかフォーカスできず<body>、その周りに点線が表示されます。(スクリーンショット)

要素 / 要素を本体に追加してみてください:

<!DOCTYPE html>
<html>
    <head>
        <link rel='stylesheet' href='haha.css'>
    </head>
    <body>
        <a href="#" title="">I'm an example.</a>
        <a href="#" title="">Me too.</a>
    </body>
</html>

これで、Tab キーを押して要素間でフォーカスを循環させることができます。点線がアクティブな要素に移動するのがわかります。

元の投稿

borderおそらく代わりに探しているでしょう。

html {
    border: none;
}

ページ上の他の css によっては、これを行う必要がある場合があります。

html, body {
    border: none;
}

それが役に立てば幸い。

于 2013-02-17T08:32:08.097 に答える