删除聚焦下拉菜单的虚线边框/轮廓 [英] Remove dotted border/outline of focused dropdown menu

问题描述

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

How do you remove the dotted border/outline that is shown when selecting an item from a dropdown menu?

您可以看到有一个虚线边框/大纲显示，我想删除

You can see there is a dotted border/outline shown, I want to remove this (screenshot taken in Firefox).

尝试下面的解决方案没有删除它：

Trying the solution below did not remove it:

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上？

On windows 7 and IE9 no border/outline is shown, Instead a blue background is shown. The blue background and in your case the border/outline is managed by the OS. I suspect your are on a Mac?

从FF中的选择框中删除大纲

如何清除BUTTONS上的Firefox的虚线轮廓以及链接？

这篇关于删除聚焦下拉菜单的虚线边框/轮廓的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！