Question

如何从下拉菜单中删除选择项目时显示的虚线边框/轮廓？

enter image description here

你可以看到有一个虚线边框/轮廓显示，我想删除它（在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>

Answer 1

将以下内容添加到样式表中。 -

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

一直为我工作，希望它有所帮助！

Answer 2

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