如何在 Firefox 中删除选择框的轮廓？

从 Firefox 中的选择框中删除轮廓

选择元素中所选项目周围的轮廓可能会分散视觉注意力。本文探讨了如何在 Firefox 中删除此轮廓，尽管大纲 CSS 属性无效。

使用 CSS 的尝试失败

添加值为CSS 中的 none 不会删除 Firefox 中的轮廓：

select { outline:none; }

使用伪类的防弹解决方案

更强大的解决方案涉及使用 Firefox 特定的伪类-class:-moz-focusring:

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

此代码将以下样式应用于:-moz-focusring 伪类：

• 将颜色设置为透明、隐藏
• 添加大小为 0 的文本阴影，以防止字体外观发生任何变化。

应用此样式可确保仅在 Firefox 中删除点线轮廓，而不影响其他浏览器。该解决方案提供了一种可靠且特定于浏览器的方法，用于从选择框中删除轮廓。

以上是如何在 Firefox 中删除选择框的轮廓？的详细内容。更多信息请关注PHP中文网其他相关文章！