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

阅读一些关于大纲属性的内容以删除选择框中的“边框”。

解决方案

option, select {
   outline: 0;
}