验证失败时如何使bootstrap selectpicker边框变红

Question

我正在使用jquery validation库。我想在验证失败时使选择选择器的边框变红。 jquery验证有类error。我申请输入文本字段工作正常。但不适用于选择选择器。我的输入错误类css

input[class="form-control error"], input[class="error"] {
border: 1px solid #D72839 !important;
                                                        }

但是当我申请时选择它不是红色边框

select[class="form-control error"], select[class="error"] {
border: 1px solid #D72839 !important;
                                                        }

检查元素后验证失败代码看起来像

<select class="form-control selectpicker error" name="scity" id="scity"
data-live-search="true" title="Select city" tabindex="-98">
<option value="2">New York</option>
</select>
<label for="scity" generated="true" class="error"><p>Select City</p></label>

这里你可以看到错误类，但是当验证失败时，如何在选择选择器上应用红色边框。 感谢