选择2作为列表外观

时间:2019-05-08 11:50:21

标签: css yii2 jquery-select2

如何在多个选项中更改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 个答案:

答案 0 :(得分:1)

Select2标签是float: left,因此要实现此目的,您必须添加

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

https://jsfiddle.net/aj2hsw9c/

答案 1 :(得分:1)

.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;
}