主页 > 知识库 > firefox的超链接点击去除扩大的难看虚线的解决方法

firefox的超链接点击去除扩大的难看虚线的解决方法

热门标签:智能语音电销机器人客户端 成都企业外呼系统 山东电销机器人软件 南通电销外呼系统软件 广州防封电销机器人厂家 洛阳防封卡外呼系统厂家 常州电话外呼系统招商 申请400电话移动 上海400电话办理到易号网
在某些特殊的情况下,比如做一个导航菜单的时候,出现这个情况时效果就很糟糕了,因为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的超链接点击去除扩大的难看虚线的解决方法》,本文关键词  firefox,的,超,链接,点击,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《firefox的超链接点击去除扩大的难看虚线的解决方法》相关的同类信息!
  • 本页收集关于firefox的超链接点击去除扩大的难看虚线的解决方法的相关信息资讯供网民参考!
  • 推荐文章