1

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

当标签浏览网页中的所有元素时，会出现大纲。这只发生在 Firefox 中（不会出现在 Chrome、Opera、Safari 中）

我使用 Firebug 控制台通过以下方式检测焦点所在的元素： document.activeElement 然后它显示

>>> document.activeElement

<html>

然后尝试：

html {outline: 0}

但是这个轮廓还是出现了。

我们怎样才能摆脱这个？

ps：我尝试通过谷歌，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 回答