css – 删除重点下拉菜单中的虚线边框/轮廓

前端之家收集整理的这篇文章主要介绍了css – 删除重点下拉菜单中的虚线边框/轮廓前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何从下拉菜单删除选择项目时显示的虚线边框/轮廓?

你可以看到有一个虚线的边框/轮廓显示,我想删除这个(Firefox中的截图).

尝试下面的解决方案没有删除它:

select:focus,option:focus,select::-moz-focus-inner,option::-moz-focus-inner {
    outline: none;
    border: none;
}

HTML只是这样的:

<select name="order">
   <option value="desc">Newest to oldest</option>
   <option value="asc">Oldest to newest</option>
</select>

解决方法

在Windows 7和IE9上,没有显示边框/轮廓,而是显示蓝色背景.蓝色背景,在您的情况下,边框/轮廓由操作系统管理.我怀疑你在Mac上?

Remove outline from select box in FF

How to remove Firefox’s dotted outline on BUTTONS as well as links?

猜你在找的CSS相关文章