Bootstrap select2 ошибка стиля

Question

У меня есть меню выбора select2.

Лишенный версия, например:

<div class="form-group has-error"> 
     <select name="description_id" class="select2"> 

// <options> 

</div> 

Применяя has-error к текстовым входам покажет красную рамку вокруг входа. Это не работает для меню select2. Что мне не хватает?

Я использую bootstrap3 и последнюю ВЫБ.2:

https://select2.github.io/

Я прочитал эту страницу и попробовал решение, но оно не работает:

https://xcellerant.net/2013/12/05/adding-bootstrap-error-styling-to-a-select2/

Answer 1

решение на странице, которую вы опубликовали, для более старой версии select2. Для последней версии, используйте этот CSS код здесь:

.has-error .select2-selection { 
    border-color: rgb(185, 74, 72) !important; 
} 

Теперь с этим кодом и используя has-error класс, вы можете получить правильный цвет ошибки красновато:

<div class="form-group has-error"> 
<select name="description_id" class="select2"> 
    <option>One</option> 
    <option>Two</option> 
    <option>Three</option> 
    <option>Four</option> 
</select> 
</div> 

jsFiddle пример: https://jsfiddle.net/k9phxgnd/1/