删除 <html> Firefox 中"何时"选项卡的轮廓



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

当选项卡浏览web中的所有元素时,将显示轮廓。这种情况只发生在Firefox中(不出现在Chrome、Opera、Safari中)

我使用Firebug控制台通过:document.activeElement来检测焦点上的元素,然后它显示

>>> document.activeElement
<html>

然后尝试:

html {outline: 0}

但这个轮廓仍然存在。

我们怎样才能摆脱这个?

p.s:我试着浏览谷歌、脸书等其他页面的所有页面。没有这样的大纲。

这是您的解决方案

:focus {outline:none;}
::-moz-focus-inner {border: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;
}

希望能有所帮助。

最新更新