首页 > web前端 > css教程 > 正文

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

Susan Sarandon
发布: 2024-11-04 11:12:30
原创
911 人浏览过

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板