gpt4 book ai didi

css - 无法摆脱 Firefox 链接中的虚线轮廓?

转载 作者:技术小花猫 更新时间:2023-10-29 11:45:08 24 4
gpt4 key购买 nike

我有一个完整的 imgs 列表:

<ul>
<li><a href="#"><img src="test.png" /></a</li>
<li><a href="#"><img src="test.png" /></a</li>
<li><a href="#"><img src="test.png" /></a</li>
(...)
</ul>

当我在 Firefox 中单击它们时,会出现虚线轮廓(到底是谁发明的,为什么?太丑了!)。

我想摆脱它们,但样式“轮廓”等似乎不起作用,我已经尝试了以下所有选项:

#ul li img:active {
-moz-outline-style: none;
-moz-focus-inner-border: 0;
outline: none;
outline-style: none;
}

#ul li img:focus {
-moz-outline-style: none;
-moz-focus-inner-border: 0;
outline: none;
outline-style: none;
}

#ul li img a:active {
-moz-outline-style: none;
-moz-focus-inner-border: 0;
outline: none;
outline-style: none;
}

#ul li img a:focus {
-moz-outline-style: none;
-moz-focus-inner-border: 0;
outline: none;
outline-style: none;
}

最佳答案

您需要将样式应用于 <a>标记(后两个 CSS 规则是错误的,因为您已将 <a> 标记放在 <img> 中。

这对我有用:

a:active,
a:focus {
outline: none;
-moz-outline-style: none;
}

或者,仅在 ID 为 ul 的元素内部(顺便说一句,这不是最好的名字):

#ul a:active,
#ul a:focus {
outline: none;
-moz-outline-style: none;
}

关于css - 无法摆脱 Firefox 链接中的虚线轮廓?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3707918/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com