select选中虚线_如何在Firefox中的SELECT/OPTION下拉式控件上删除虚线?

博客作者遇到了一个CSS样式问题,即在Firefox浏览器中,下拉菜单显示了不必要的虚线边框。他们已经成功地为按钮和输入元素移除了这些边框,但同样的方法对select和option元素无效。尝试了多种CSS解决方案,包括设置outline和border为0,但问题依然存在。作者寻求一种方法来清除Firefox下拉列表中的虚线边框,以使其在所有浏览器中保持一致的视觉效果。
摘要由CSDN通过智能技术生成

在Chrome和其他浏览器中,我的下拉菜单看起来很好:

但是,在Firefox中,它有不需要的虚线:

我已经成功删除了不必要的Firefox虚线的按钮和输入元素与这些CSS语句:

button::-moz-focus-inner { border: 0; }

input::-moz-focus-inner { border: 0; }

所以我认为这些将适用于select / option元素,但它们不

select::-moz-focus-inner { border: 0; }

option::-moz-focus-inner { border: 0; }

如何清除此下拉列表中的虚线,以便在Chrome和其他浏览器中显示?

附录

这些也不行:

select::-moz-focus-inner { border: 0; outline: 0 }

option::-moz-focus-inner { border: 0; outline: 0 }

也不是这些:

select { outline: 0; }

option { outline: 0; }

也不是这些:

select { outline: none; }

option { outline: none; }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值