2017-02-01 4 views
0

私はselect2選択メニューを持っています。例えばブートストラップselect2エラースタイリング

剥奪バージョン:

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

// <options> 

</div> 

has-errorテキスト入力に入力の周りに赤い枠が表示されます適用します。これはselect2メニューでは機能しません。私は何が欠けていますか?

私はbootstrap3と最新SELECT2使用しています:私はこのページを読んで、ソリューションを試みたが、それは動作しませんしました

https://select2.github.io/

を:

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

答えて

5

あなたが投稿したページの解決策は、古いバージョンのselect2です。最新バージョンについては、ここでは、このCSSコードを使用します。

​​

Select2 with has-error class

jsFiddle:

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

さて、このコードでとhas-errorクラスを使用して、あなたは適切な赤みがかったエラーの色を得ることができます例:https://jsfiddle.net/k9phxgnd/1/

+0

これは、ありがとう、たくさんの12時間で賞金を授けることができます:-) – Hardist