这个点击指示器是我最近的web项目的一个令人厌恶的部分..我讨厌这个! - 我怎么能说我的Firefox浏览器,他不应该标记点击的对象?CSS Firefox - 如何取消虚线边框(firefox click indicator)?
回答
只要你的菜单项都没有输入元素(比如按钮),您可以使用CSS,像这样隐藏:
element { outline: none; }
一个{ 轮廓:无; }
在我的情况下,我必须添加!重要的是让它坚持下去。 – 2013-10-17 21:40:31
你可能讨厌它,但你的客户可能不会。一般来说,覆盖浏览器功能是混淆用户并激励他们不访问您的网站的好方法。
是的,我同意。一致的用户体验是一个好的网站的a和o ..但是一些网站需要打破这些usabillity规则。 – Tomkay 2010-11-26 14:25:47
疯狂的解决方案:
input[type="button"]::-moz-focus-inner{
border: 1px dotted transparent;
}
,但我不喜欢它。
的确,当我点击它时,Firefox 12.0确实在input type =“button”上点了一个点。 outline:none
无助于:active, :focus, ...
没有什么帮助(火狐20.1),直到此:
a:focus, a:active,
button,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
outline: none !important;
}
更具体为@扬 - karadimas,你可以删除悬停大纲(假设鼠标输入),但离开它为焦点(假设键盘输入)。这将保留大部分的可访问性。话虽这么说:
element:hover { outline: none; }
element:focus { // leave the focus }
这是更准确:
a { outline: none!important; }
基于this post,增加outline:0
也将这样的伎俩。
.selector{ outline:0; }
如果你不希望有显示在您的网站上的任何元素的边界,请尝试以下,
:focus { outline:none; }
::-moz-focus-inner { border:0; }
- 1. 如何删除Firefox中选择框的虚线边框
- 2. 如何删除Firefox 4中围绕Silverlight 4的虚线边框?
- 3. 无法删除从Firefox大纲/虚线边框选择下拉
- 4. 如何从Firefox的<area>元素中删除虚线边框?
- 5. CSS:2格虚线边框
- 6. Firefox 49 SecurityError - jquery.activity-indicator-1.0.0.min.js
- 7. 如何虚线边框
- 8. CSS:在Firefox中消失边距
- 9. 边框样式,虚线是不是在Firefox
- 10. 在Firefox中使用边框半径和边框在圆上的针迹:虚线
- 11. Chrome和Firefox CSS边框问题
- 12. 如何删除列表框上Firefox的虚线轮廓?
- 13. 使用css渐变的虚线边框
- 14. CSS虚线和斜线边框
- 15. 粉色边框在Firefox 4
- 16. 如何用css创建虚线半径边框?
- 17. 无法从Firefox上的提交按钮中删除虚线边框
- 18. CSS虚线边框渲染问题
- 19. 在Firefox中使用jQuery获取CSS边框值14.0.1
- 20. Firefox不读取css
- 21. Mozilla Firefox边框渲染
- 22. TD边框问题Firefox
- 23. UICollectionViewCell虚线边框
- 24. 用于虚线边框的CSS边框半径
- 25. 关于可靠动画的Firefox虚线框
- 26. 如何使用CSS移动虚线边框?
- 27. 如何删除轮廓虚线边框使用CSS
- 28. 如何启用双虚线边框?
- 29. 边框不显示在Firefox中
- 30. 与边框图像的虚线边框
彻底消除了轮廓不提供某种:焦点或:主动视觉指示在您的辅助功能中引发路障。那些使用键盘来浏览你的站点的用户依靠这些轮廓来指示他们已经选择了哪个元素。你可以设计它们,但我不会完全删除它们。 – zxbEPREF 2013-01-10 19:15:42
以上由clrux评论已死亡。有时最好将焦点指示器添加到子元素以获得更好的颜色对比度和视觉可访问性。希望这是人们试图在这里实施的东西。只是删除焦点指标,这是一个很大的不是。 – 2015-10-02 21:02:32