firefox - 如何删除 Firefox 中 SELECT/OPTION 下拉控件上的虚线？

Question

在 Chrome 和其他浏览器中，我的下拉菜单看起来很好:

但是，在Firefox中，它有不需要的虚线线:

我已经使用这些 CSS 语句成功删除了 按钮 和 input 元素中不需要的 Firefox 虚线:

button::-moz-focus-inner { border: 0; }
input::-moz-focus-inner { border: 0; }

所以我认为这些适用于选择/选项元素，但事实并非如此:

select::-moz-focus-inner { border: 0; }
option::-moz-focus-inner { border: 0; }

如何删除此下拉列表中的虚线，使其像在 Chrome 和其他浏览器中一样显示？

附录

这些也不起作用:

select::-moz-focus-inner { border: 0; outline: 0 }
option::-moz-focus-inner { border: 0; outline: 0 }

也不是这些:

select { outline: 0; }
option { outline: 0; }

也不是这些:

select { outline: none; }
option { outline: none; }

Answer 1

詹姆斯·布罗德的答案近乎完美，但选项项的“仅阴影”文本看起来很难看。这对我来说非常有效:

select:-moz-focusring {
  color:transparent;
  text-shadow:0 0 0 #000; /* your normal text color here */
}
select:-moz-focusring * {
  color:#000; /* your normal text color here */
  text-shadow:none;
}