Firefoxからアウトラインと点線の枠線を削除できません。

Question

私はダウンスタイルを持っていますが、クリックしたときに点線の枠を削除することはできません。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

が見つかりここに私の答え：https://stackoverflow.com/a/18853002/1261316

それが正解として設定し、それは私のために完全に働いていなかった。これは、Firefox 42.0で動作

select:-moz-focusring { 
    color: transparent; 
    text-shadow: 0 0 0 #000; 
} 
option:not(:checked) { 
    color: black; /* prevent <option>s from becoming transparent as well */ 
} 

Answer 2

これはあなたを助けます。あなたのスタイルシートの上に置きます。

/** 
* 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 3

：

a:link { 
    outline: 0; 
}