如何刪除左右選擇下拉虛線邊框

Question

請參閱示例頁面在：http://www.onextrapixel.com/examples/pure-css-custom-form-elements/

當在Mac上注重選擇框使用FF 24產生這樣的：

dotted border 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 Property刪除選擇框中的「邊框」。

解決方案

option, select { 
    outline: 0; 
}