用什么样式可以把火狐的虚线框去掉? 是A标签
发布网友
发布时间：2022-04-21 19:51
共4个回答
懂视网
时间：2022-05-14 12:35
在Firefox的地址栏输入about:config，回车。有一个配置项叫做“browser.display.focus_ring_width”，把它修改成0，点击链接时就不会出现那个边框。但这样的话，在焦点落在按钮上时也没有了边框指示。而且作为一个开发者，在浏览器里设置这个属性，无异于掩耳盗铃。
这实际上是Firefox在这个标签处于focus状态时（pseudo selector - a:focus）给它加的outline属性。
正确的解决办法是在CSS里加一个规则：
a {
outline: none;
}
或者缩小范围：
a:focus {
outline: none;
}
后者使得鼠标左键在链接上按下，松开之前的这段时间里，仍会显示虚线的outline.
在我看到的大部分网站中，都把这条规则写在CSS里。或许Firefox该考虑去掉这个的默认outline.
热心网友
时间：2022-05-14 09:43
尊敬的用户，您好！很高兴为您答疑。
鉴于您的描述，您应该是误开了固定样式。您可以进入选项的内容设置中去掉其勾选，使用默认样式即可。具体操作节点请参考下图所示：
希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。
热心网友
时间：2022-05-14 11:01
常用方法有三种：
1：在a标签里加入js控制，当a标签被聚焦时，强制取消焦点，这时候a标签自然不会有虚线框。
<a href="#" onfocus="this.blur();">测试</a>
这里设置聚焦时触发blur();强制取消焦点。自然是屡试不爽。
2：在a标签里嵌套其他标签，比如span 或者var等等，把内容放在被嵌套的标签里。这时候点击这个链接，聚焦的是a的子标签，自然不会聚焦在a标签上，所以也能避免这个问题。
3：不适用a标签做链接，采用其他标签，使用js做出hover的效果，在css里加入cursour:pointer;设置鼠标以上时变小手。给用户是链接的错觉。使用js做点击时的页面跳转等。最大的缺点是对se友好性比前两种差很多。
这三种方法的共同点是比较麻烦，相比较而言，推荐第一种，第二第三也视不同的情况而定。也是会用到的。
热心网友
时间：2022-05-14 12:36
a标签默认没有虚线框啊 是你的css添加的虚线框吧追问是那种默认的样式的虚线框,超链接的默认虚线框
用什么样式可以把火狐浏览器的这种默认虚线框去掉,帮帮忙
