firefox的超链接点击去除扩大的难看虚线的解决方法
方法 解决 点击 去除 firefox 扩大 超链接 虚线
2023-06-13 09:14:07 时间
在某些特殊的情况下,比如做一个导航菜单的时候,出现这个情况时效果就很糟糕了,因为Firefox会错误地扩大链接的边框:
在Firefox的地址栏输入about:config,回车。有一个配置项叫做“browser.display.focus_ring_width”,把它修改成0,点击链接时就不会出现那个边框。但这样的话,在焦点落在按钮上时也没有了边框指示。而且作为一个开发者,在浏览器里设置这个属性,无异于掩耳盗铃。
这实际上是Firefox在<a>这个标签处于focus状态时(pseudoselector-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状态时(pseudoselector-a:focus)给它加的outline属性。
正确的解决办法是在CSS里加一个规则:
a{
outline:none;
}
或者缩小范围:
a:focus{
outline:none;
}
后者使得鼠标左键在链接上按下,松开之前的这段时间里,仍会显示虚线的outline.
在我看到的大部分网站中,都把这条规则写在CSS里。或许Firefox该考虑去掉这个的默认outline.
相关文章
- 【已解决】Win10系统点击ikbc机械键盘win键无效的解决方法
- 某些软件点击导出时出现NavigationCancelled错误解决方法
- centos7安装方法_ad9安装及激活成功教程教程
- Vue报错避免冗余导航解决方法
- 异常处理:SQL Server 2012 sa用户登录错误18456登录失败的解决方法
- Linux系统中CPU占用率较高问题排查思路与解决方法
- mysql SQLSTATE[HY000] [2002] connect refused解决方法详解数据库
- Linux绑定IP地址:简单而快速的设置方法(linux绑定ip地址)
- Oracle 索引的修改方法研究(oracle索引修改)
- 解决Oracle中特殊字符的处理方法(oracle特殊字符处理)
- Redis闪退问题排查与解决方法(redis闪退)
- MySQL数据库文件不可读,导致数据无法访问,举例说明可能的原因和解决方法
- MySQL下载安装问题解决方法大揭密(mysql下载后无法安装)
- 解决oracle错误代码01804的简单方法(oracle 01804)
- IE6支持position:fixed完美解决方法
- distinct多列问题结合groupby的解决方法
- masterandslavehaveequalMySQLserverUUIDs解决方法
- ie8模式下click无反应点击option无反应的解决方法
- 让javascript加载速度倍增的方法(解决JS加载速度慢的问题)