如何删除选择下拉列表周围的虚线边框

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选择器（lol）。

Answer 2

阅读一些关于Outline Property的内容，以删除选择框中的“边框”。

  

<强>解决方案

option, select {
   outline: 0;
}