时间:2021-05-28
在某些特殊的情况下,比如做一个导航菜单的时候,出现这个情况时效果就很糟糕了,因为Firefox会错误地扩大链接的边框:
在Firefox的地址栏输入about:config,回车。有一个配置项叫做“browser.display.focus_ring_width”,把它修改成0,点击链接时就不会出现那个边框。但这样的话,在焦点落在按钮上时也没有了边框指示。而且作为一个开发者,在浏览器里设置这个属性,无异于掩耳盗铃。
这实际上是Firefox在<a>这个标签处于focus状态时(pseudo selector - a:focus)给它加的outline属性。
正确的解决办法是在CSS里加一个规则:
a {
outline: none;
}
或者缩小范围:
a:focus {
outline: none;
}
后者使得鼠标左键在链接上按下,松开之前的这段时间里,仍会显示虚线的outline.
在我看到的大部分网站中,都把这条规则写在CSS里。或许Firefox该考虑去掉这个的默认outline.
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
一.移除超链接的虚线(仅对FF有效)FireFox下,当你点击一个超链接时会在外围出现一个虚线轮廓.这很容易解决,只需要在标签样式中加入outline:none
经常网站做好以后,在点击链接会出现超链接点击后的虚边框,今天八梦网络工作室教大家去除这个边框,只要使用以下方式可以去除,兼容各种浏览器。a{bblr:expre
***设置超链接的样式示例a:link超链接被点前状态a:visited超链接点击后状态a:hover悬停在超链接时a:active点击超链接时在定义这些状态时
删除链接上的虚线框复制代码代码如下:a:active,a:focus{ outline:none;}Firefox默认会在链接获得焦点(或者点击时)加上条虚线框
删除链接上的虚线框a:active,a:focus{outline:none;}Firefox默认会在链接获得焦点(或者点击时)加上条虚线框,使用上面的属性可以