Select2：如何将Margin-Left应用于Container？容器没有唯一的ID

Question

当我将Select2应用到我的下拉列表时，它会添加一堆标签，包括外部容器：

<span class="select2 select2-container 
   select2-container--default select2-container--below select2-container--open" dir="ltr">

我需要将CSS样式应用于此容器，但仅适用于此下拉列表（不是其他Select2控件！）。我需要为其添加Margin-Left: 10px。但是，如果我原来的下拉列表中没有任何ID，那该怎么办？我可以在这个容器上传递或强制执行ID吗？

引用我的唯一下拉列表ID的唯一Select2元素从下面开始，我不需要触及其中任何一个。

我也不能这样做，没有margin-left配置项：

$('#myselect').select2({margin-left: "20px"});

我这里有一个JSFiddle;目标是将此下拉列表向右移动15px。现在它不起作用。 https://jsfiddle.net/g2c9m8aa/5/

注意我需要使用“禁用颜色”执行类似操作。 Disabled Color CSS适用于没有ID的Container。但我不想全面做到这一点。我强烈希望将样式应用于此特定的Select2控件。

Answer 1

使用CSS 设置所有select2元素的边距：

.select2{
  margin-left:200px;
}

或仅特定元素：

#myselect{
  margin-left:200px;
}