首页  >  文章  >  web前端  >  如何从 Firefox 中的选择框中删除虚线轮廓?

如何从 Firefox 中的选择框中删除虚线轮廓?

Susan Sarandon
Susan Sarandon原创
2024-11-04 11:12:30887浏览

How to Remove the Dotted Outline from a Select Box in Firefox?

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

问题:是否可以删除 < 中所选项目周围的虚线轮廓;选择> Firefox 中的元素?

CSS 尝试和失败:

尝试使用 CSS 中的 Outline 属性删除轮廓,但在 Firefox 中证明无效。

<style>
   select { outline:none; }
</style>

解决方案:

要在 Firefox 中删除轮廓,请应用以下 CSS 规则:

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

此规则针对 Firefox-具体的 -moz-focusring 伪类,使聚焦环透明并隐藏虚线轮廓。这是一个防弹解决方案,可以仅在 Firefox 中有效地删除轮廓。

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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn