在某些特殊的情况下，比如做一个导航菜单的时候，出现这个情况时效果就很糟糕了，因为Firefox会错误地扩大链接的边框：
在Firefox的地址栏输入about:config，回车。有一个配置项叫做“browser.display.focus_ring_width”，把它修改成0，点击链接时就不会出现那个边框。但这样的话，在焦点落在按钮上时也没有了边框指示。而且作为一个开发者，在浏览器里设置这个属性，无异于掩耳盗铃。
这实际上是Firefox在这个标签处于focus状态时（pseudo selector - a:focus）给它加的outline属性。
正确的解决办法是在CSS里加一个规则：
a {
outline: none;
}
或者缩小范围：
a:focus {
outline: none;
}
后者使得鼠标左键在链接上按下，松开之前的这段时间里，仍会显示虚线的outline.
在我看到的大部分网站中，都把这条规则写在CSS里。或许Firefox该考虑去掉这个的默认outline.
0
0
firefox的超链接点击去除扩大的难看虚线的解决方法_经验交流
php中文网
发布时间：2016-05-16 12:04:00
|2276人浏览过
|来源于php中文网
原创
相关文章
css 输入框占位文字颜色怎么改_使用 placeholder 伪元素设置
css多行文本省略怎么写_结合line clamp属性实现
css滚动条太影响美观怎么办_scrollbar伪类自定义滚动样式
CSS中motion path模块的介绍
css制作自定义滚动条效果怎么做_使用::-webkit-scrollbar和颜色设置
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
