我有2个CSS文件,分别是select2.css和select2.min.css
调试时,使用select2.css文件,而在生产中使用select2.min.css。
我意识到,使用最小化版本时,受select2样式影响的HTML控件看起来很难看。
在比较时,我发现了一些区别……例如,当使用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">
问候 海梅