删除重点下拉菜单的虚线边框/轮廓答案

【问题标题】：Remove dotted border/outline of focused dropdown menu删除重点下拉菜单的虚线边框/轮廓
【发布时间】：2012-02-25 12:55:16
【问题描述】：

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

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

【问题讨论】：

标签： css

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：