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

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

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>

2012-02-02 MacMac

你也可以传递HTML标记。 – Jawad 2012-02-02 20:41:57

我在Windows 7的Firefox上试过，没有虚线边框。 – 2012-02-02 21:14:58

可能的重复[从FF中的选择框删除大纲]（http://stackoverflow.com/questions/3773430/remove-outline-from-select-box-in-ff） – showdev 2015-05-28 16:18:50

在Windows 7和IE9无边框/轮廓所示，取而代之的是蓝色的背景被显示。蓝色的背景，在你的情况下，边界/轮廓由操作系统管理。我怀疑你是在Mac上？

2012-02-02 21:11:46 Jawad

啊，我想这是因为我的Mac ，感谢那。 – MacMac 2012-02-02 21:20:11

以下添加到您的样式表。 -

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

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

2016-02-21 09:43:34

不知道这是否是最好的解决方案，但它很有趣。 – mrbinky3000 2016-03-15 21:02:53

同意，不知道这是'最好的'，但它一直坚实，并为我工作出色。任何其他建议也会很好。 – 2016-03-23 23:36:48

该解决方案使所有选项都透明。 – 2017-06-19 08:31:38

回答