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

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

阅读一些关于大纲属性的信息，以删除选择框中的"边框"。

溶液

option, select {
   outline: 0;
}