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;
}
希望能有所帮助。