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上

---

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

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

---

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

你也可以传递HTML标记。我在Windows 7上的Firefox中尝试过，没有虚线边框。可能的重复不确定这是否是最好的解决方案，但它很有趣。同意，不确定它是否是“最好的”，但它非常可靠，对我来说非常有效。任何其他建议都很好。这个解决方案使所有选项都透明。