http://i45.tinypic.com/34pezdj.jpg
当选项卡显示网络中的所有元素时,会显示轮廓。 这只发生在Firefox中(不会出现在Chrome,Opera,Safari中)
我使用Firebug控制台来检测焦点上的元素:document.activeElement然后显示
>>> document.activeElement
<html>
然后尝试了:
html {outline: 0}
但这个大纲仍然出现。
我们怎样摆脱这个?
p.s:我尝试浏览Google,Facebook等其他网页的所有页面。没有这样的轮廓。
答案 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;
}
希望它有所帮助。