Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/delphi/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在选择selectbox jquery插件后删除蓝色边框_Jquery_Html_Css - Fatal编程技术网

如何在选择selectbox jquery插件后删除蓝色边框

如何在选择selectbox jquery插件后删除蓝色边框,jquery,html,css,Jquery,Html,Css,我为selectbox找到了这个jquery插件,我正在使用它。我想在完成选择后删除selectbox的蓝色边框颜色 下面是选择框的一个示例,它在选择后显示蓝色边框 试用代码: .chosen-select, .chosen-select:finish, .chosen-select:focus, .chosen-select:active, .chosen-select:hover { border-color: #ccc; box-shadow: #ccc; outl

我为selectbox找到了这个jquery插件,我正在使用它。我想在完成选择后删除selectbox的蓝色边框颜色

下面是选择框的一个示例,它在选择后显示蓝色边框

试用代码:

.chosen-select,
.chosen-select:finish,
.chosen-select:focus,
.chosen-select:active,
.chosen-select:hover
 {
 border-color: #ccc;  
  box-shadow:  #ccc;
    outline:none;
    -webkit-appearance: none;
}
试试这个:

.chosen-container-active .chosen-single {
    border: 1px solid #AAA;
    box-shadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0, 0, 0, 0.1);
}
试一试

select:focus {
    outline-color: #ccc
}