@@ -9,11 +9,12 @@ Link : http://techhysahil.com
9
9
}
10
10
/*Theme Color override*/
11
11
.select2-container--default .select2-results__option--highlighted [aria-selected ]{
12
- background : # 16a085 ;
12
+ background : # 16a085 !important ;
13
13
}
14
14
.select2-container--default .select2-results__option [aria-selected = true ]{
15
- background : # 48c9b0 ;
16
- color : # fff ;
15
+ background : # 16a085 ;
16
+ color : # fff ;
17
+ opacity : 0.8 ;
17
18
}
18
19
.select2-container .select2-choice {
19
20
border : 2px solid # dce4ec ;
@@ -134,4 +135,56 @@ Link : http://techhysahil.com
134
135
border-radius : 0px ;
135
136
background : transparent;
136
137
background-image : none;
138
+ }
139
+
140
+ /*New Changes*/
141
+ .select2-container--default .select2-selection--single {
142
+ background : # 48c9b0 ;
143
+ border : 0px ;
144
+ }
145
+ .select2-container--default .select2-selection--multiple .select2-selection__choice__remove : hover {
146
+ color : # 16a085 ;
147
+ }
148
+ .select2-container--default .select2-selection--single .select2-selection__rendered {
149
+ color : # fff ;
150
+ line-height : 34px ;
151
+ }
152
+ .select2-container .select2-selection--single {
153
+ height : 34px ;
154
+ }
155
+ .select2-container--default .select2-selection--single .select2-selection__arrow b
156
+ {
157
+ border-color : # fff transparent transparent transparent;
158
+ top : 60% ;
159
+ }
160
+ .select2-container--default .select2-container--open .select2-selection--single .select2-selection__arrow b {
161
+ border-color : transparent transparent # fff transparent;
162
+ }
163
+ .select2-container--open .select2-dropdown--below ,
164
+ .select2-container--open .select2-dropdown--above {
165
+ background : # 48c9b0 ;
166
+ }
167
+ /*Tags Style*/
168
+ .select2-container--default .select2-selection--multiple .select2-selection__choice {
169
+ background-color : # 48c9b0 ;
170
+ color : # fff ;
171
+ border : 1px solid # 48c9b0 ;
172
+ border-radius : 0px ;
173
+ padding : 3px 5px ;
174
+ }
175
+ .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
176
+ color : # 16a085 ;
177
+ margin-right : 6px ;
178
+ }
179
+ .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
180
+ margin-left : 6px ;
181
+ float : right;
182
+ }
183
+ /*tags Outer border*/
184
+ .select2-container--default .select2-selection--multiple , .select2-container--default .select2-container--focus .select2-selection--multiple {
185
+ border : 1px solid # 16a085 ;
186
+ }
187
+ /*Placeholder Text Color */
188
+ .select2-container--default .select2-selection--single .select2-selection__placeholder {
189
+ color : # fff ;
137
190
}
0 commit comments