Выберите 2 в качестве появления списка - PullRequest
Новая
       22

Выберите 2 в качестве появления списка

0 голосов
/ 08 мая 2019

Как изменить стиль Select2 в нескольких вариантах, Например, я выбрал 4 пункта. 

x Green, x Red, x Blue, x Yellow

Мне нужно что-то аккуратное, глядя в мою форму. Я хочу отобразить их как список. Цель - 

x Green 
x Red
x Blue
x Yellow

Обратите внимание, в основном это происходит от Select2 Yii2 . Но я также могу использовать чистый JS или JQuery. enter image description here Любая помощь, это так ценится.

Ответы [ 2 ]

1 голос
/ 08 мая 2019 
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: unset;
    border: unset;
    border-radius: 4px;
    cursor: default;
    float: none;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}
1 голос
/ 08 мая 2019

Теги Select2 имеют значение float: left, поэтому для достижения этого необходимо добавить 

.select2-container--default li {
  clear: left;
}

https://jsfiddle.net/aj2hsw9c/

...