在Firefox中删除选项卡的轮廓

时间:2013-02-17 08:23:46

标签: html css firefox tabs outline

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

当选项卡显示网络中的所有元素时,会显示轮廓。 这只发生在Firefox中(不会出现在Chrome,Opera,Safari中)

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

>>> document.activeElement

<html>

然后尝试了:

html {outline: 0}

但这个大纲仍然出现。

我们怎样摆脱这个?

p.s:我尝试浏览Google,Facebook等其他网页的所有页面。没有这样的轮廓。

2 个答案:

答案 0 :(得分:1)

这是你的解决方案

:focus {outline:none;}
::-moz-focus-inner {border:0;}

答案 1 :(得分:0)

修改 似乎这里有一些混乱,所以我会纠正自己:

由于除<body>之外没有其他元素,因此FF只能对焦<body> ,因此它周围会有虚线。 (screenshot

尝试向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;
}

希望它有所帮助。