• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    firefox的超链接点击去除扩大的难看虚线的解决方法
    在某些特殊的情况下,比如做一个导航菜单的时候,出现这个情况时效果就很糟糕了,因为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.
    上一篇:支持IE6 IE7 Firefox 的纯CSS的下拉菜单
    下一篇:css li 超出隐藏代码
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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