css - 删除焦点下拉菜单的虚线边框/轮廓

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; }

一直对我有用，希望对你有帮助!