У меня есть 2 CSS-файла, select2.css и select2.min.css
При отладке используется файл select2.css, а select2.min.css используется в производстве.
Я понял, что элементы управления HTML, на которые влияют стили select2, выглядят некрасиво при использовании свернутой версии.
При сравнении я обнаружил некоторые различия ... например, при использовании select2.css этот стиль применяется:
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0;
}
Однако при использовании свернутой версии этот стиль не применяется.
Я открыл select2.min.css и увидел, что стиль есть, вот так:
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #000;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}
Я показал вам стили до и после упомянутого стиля, чтобы вы знали, может ли это повлиять на соседний стиль.
Что здесь может происходить?
Соответствующий HTMLтег это:
<span class="select2 select2-container select2-container--default select2-container--focus" dir="ltr" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--multiple" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="-1">
С уважением Хайме