1

select 2 バージョン 4 を開いたときに境界線の色を変更しようとしました:

.select2-dropdown--above {
    border: 1px solid blue !important;;
    border-bottom: none !important;  

}

.select2-dropdown--below{
    border: 1px solid blue !important;;
    border-top: none !important;     

}

コード: http://jsfiddle.net/7c0Lm033/

ここに私が得るものがあります：

2を選択

ご覧のとおり、select 2 head color の色を変更することはできません。マークされた色の境界線を変更できる独自のセレクターが見つかりませんでした。

4

3 に答える 3

7

これをcssに追加できます：

span.select2-selection--multiple[aria-expanded=true] {
    border-color: blue !important;   
}

フィドルを見る

于 2015-12-23T05:27:53.293 に答える
4

この例を参照してください: http://jsfiddle.net/kevalbhatt18/7c0Lm033/2/

select2 の css をオーバーライドする 

.select2-container--default.select2-container--focus .select2-selection--multiple{
   border: 1px solid blue !important;;

}

于 2015-12-23T05:28:28.163 に答える
0

次のコードを使用して、矢印が指す領域を青色にすることができると思います.

$('.select2-selection').css('border-color','blue');

それが目的を果たすことを願っています

于 2019-09-18T08:28:51.110 に答える