无法从Firefox中删除大纲/虚线边框select下拉菜单

我有一个风格下来，但我不能删除点击在Firefox中的虚线边框。 我已经使用outline: none但它仍然无法正常工作。 有任何想法吗？

CSS：

 .styled-select { background: lightblue; font-size: 20px; height: 50px; line-height: 50px; position: relative; border: 0 none !important; outline: 1px none !important; } .styled-select select { background: transparent; border: 0; border-radius: 0; height: 50px; line-height: 50px; padding-top: 0; padding-bottom: 0; width: 100%; -webkit-appearance: none; text-indent: 0.01px; text-overflow: ''; border: 0 none !important; outline: 1px none !important; } 

HTML：

 <div class="styled-select"> <select id="select"> <option value="0">Option one</option> <option value="1">Another option</option> <option value="2">Select this</option> <option value="3">Something good</option> <option value="4">Something bad</option> </select> </div> 

请看这个jsFiddle 。

Answer 1

find我的答案在这里： https : //stackoverflow.com/a/18853002/1261316

这不是正确的答案，但它对我来说是完美的：

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

Answer 2

你必须设置它0：

 a { outline: 0; } 

如果是input：

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

Answer 3

这将帮助你。 将它放在样式表的顶部。

 /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline:0; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } 

Answer 4

这适用于Firefox 42.0：

 a:link { outline: 0; }