如何删除选择框的选项蓝色边框颜色

Question

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

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

脚本：

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

的CSS：

option{
  border-color: #ccc;  
  box-shadow:  #ccc;
  border: 1px solid #ccc;
  outline:none; 
}

Answer 1

这样做：

input:focus, select:focus, textarea:focus, form:focus, button:focus {outline:0;}

或 这将从所有元素中删除它。

 *:focus {
   outline: 0;
 }

Answer 2

试试这个

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

Answer 3

option:focus, option:active{

 box-shadow: none !important;
 outline: none;

}