css - Firefox 24 Aurora でフォーカス時に内側の境界線を選択/ドロップダウンする

Question

新しい Firefox Aurora では、 select要素にフォーカスしたときに内側の境界線を削除するのが本当に難しいようです

それを確認するためにコードペンを作成しました。問題は、すべてのブラウザーで機能することですが、新しい FF では機能します。

select の CSS は次のとおりです。

select:focus,
select:active,
option:focus,
option:active{
   -webkit-box-shadow: none;
      -moz-box-shadow: none;
           box-shadow: none;
   outline: 0px none transparent;
}
select::-moz-focus-inner{
   -webkit-box-shadow: none;
      -moz-box-shadow: none;
           box-shadow: none;
   outline: 0px none transparent;  
}

ここにhttp://codepen.io/rafamacias/pen/GuzKgがあります)

それを取り除く方法を知っていますか？

ありがとう

Answer 1

select:-moz-focusring {色: 透明; テキスト シャドウ: 0 0 0 #000;}