firefox的超链接点击去除扩大的难看虚线的解决方法
2008-12-03 16:26
1041 查看
在某些特殊的情况下,比如做一个导航菜单的时候,出现这个情况时效果就很糟糕了,因为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.
在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.
相关文章推荐
- firefox的超链接点击去除扩大的难看虚线的解决方法
- firefox的超链接点击去除扩大的难看虚线的解决方法
- 去除在FireFox中点击链接时,出现虚线边框的解决办法-outline
- map点击后出现的蓝框及虚线解决方法
- CSS+JS方法去除点击链接,按钮时出现的虚线框
- 多种方法去除按钮以及链接点击时虚线
- 点击网页超链接怎么去除这些虚线
- (转载)点击网页超链接怎么去除这些虚线
- “超链接样式被点击过后a:hover{}和a:active{}样式不起作用”的原因及解决方法
- 使用jquery mobile 点击超链接提示“error loading page” 解决方法
- 去除firefox点击链接时的虚线边框
- 使用jquery mobile 点击超链接提示“error loading page” 解决方法
- FireFox下出现虚线轮廓解决的方法
- 多种方法去除按钮以及链接点击时虚线
- web uploader在Firefox下上传点击无效的解决方法
- 去除超链接点击之后的虚线
- Firefox上运行自动化测试脚本提示元素无法点击“WebDriverException: Message: Element is not clickable at point“解决方法
- 去除FireFox中点击链接的时候,出现的虚线的边框框
- 线框问题去除FireFox中点击链接的时候,出现的虚线的边框框
- CSS去除firefox点击链接时的虚线边框