jquery - 如何在选定的选择框 jquery 插件上选择后删除蓝色边框

Question

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

这是选择框在选择后显示蓝色边框颜色的示例。

https://harvesthq.github.io/chosen/

尝试过的代码:

.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;
}

Answer 1

试试这个:

.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);
}