在Firefox中选择/选项html标签点缀大纲问题

Question

button::-moz-focus-inner { border: 0; }适用于按钮......

select / option html代码怎么样？

我尝试这里的一切： How to remove Firefox's dotted outline on BUTTONS as well as links?

但我打开了一个新问题因为有关于按钮的问题......

Answer 1

select:-moz-focusring { color: transparent; }

这很有效。这很奇怪，因为您看到的元素是:-moz-focusring，但即使您使用outline或border属性覆盖，虚线也不会消失。由于虚线颜色取决于select的颜色，因此您可以使用此伪选择器来放置透明颜色（并使其不可见），但在选择框文本中仍保留原始颜色。

Answer 2

  select, option {
        border: 0 none;
        outline: 1px none;
    }

总是适合我。

Answer 3

你试过吗

select, option {outline:0}

Answer 4

从Firefox 11.0开始，选择，选项和按钮元素周围的虚线轮廓不再存在，据我所知，在 Win7下使用FF 11.0 进行的测试，以及 Ubuntu下12.04，FF 12.0 。

另请注意，围绕Google搜索结果分页编号等链接，相同版本的Firefox不会显示虚线轮廓。

似乎是Mozilla Firefox正在处理的问题。

让这个Fiddle来测试它！

Answer 5

试试这个：

    select, option {
        border: 0 none;
        outline: 1px none;
    }