如何摆脱围绕整个选项列表的蓝色边框

Question

我想要做的是，如果我点击选择框，下拉列表显示下拉列表的蓝色边框颜色将被删除。

测试链接：http://jsfiddle.net/5kcsn/320/

脚本：

$("input, select, textarea, form, button").css("outline", "none");
$("input, select, textarea, form, button").css("box-shadow", "none");

css：

option:focus{
    background-color:#FFF;
    outline:none;
    border:none;
    box-shadow:none;
}

Answer 1

不幸的是，看起来没有办法将其删除。请参阅此答案：Select menu option border none

Answer 2

有些样式是在浏览器中构建的，你可以用css编辑它们你可以做的是实现javascript来制作你自己的元素，还有各种各样的javascript插件可以帮助你！
尝试this搜索jQuery插件

Answer 3

您可以尝试使用自定义下拉菜单。在这种情况下，下拉列表将替换为或

，并且select将隐藏在其下方。然后可以根据我们的喜好定制它们。

参考网址：http://tympanus.net/Tutorials/CustomDropDownListStyling/