html - 選択ドロップダウンの周りの点線を削除する方法

Question

次のサンプル ページを参照してください: http://www.onextrapixel.com/examples/pure-css-custom-form-elements/

Mac で FF 24 を使用している場合、選択ボックスにフォーカスすると、次のようになります。

点線 http://c714091.r91.cf2.rackcdn.com/87cff1afa5bfc0c3df11af964e28b8d5e46649e734.png

背景の投稿はここにあります: http://www.onextrapixel.com/2012/10/26/custom-style-all-your-form-elements-with-pure-css-and-no-javascript/

これは他のブラウザでは表示されません。削除するにはどうすればよいですか?

Answer 1

select, option {
   outline: 0;
}

トリックを行う必要があります。アウトラインはオプションにあると思いますので、よかったらselectセレクターを外してみてください(笑)。

Answer 2

Outline プロパティについて読んで、選択ボックスの「境界線」を削除してください。

解決

option, select {
   outline: 0;
}