删除聚焦下拉菜单的虚线边框/轮廓

Question

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

在此输入图像描述

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