jquery-select2 - Select2 : How to apply Margin-Left to 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 元素从下面开始，我不需要触及其中任何一个。

我也不能这样做，没有边距左配置项:

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

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

注意 我需要对禁用颜色做类似的事情。
禁用颜色 CSS 适用于没有 ID 的容器。但我不想一刀切。我 只想将样式应用到这个特定的 Select2 控件 .

Answer 1

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

.select2{
  margin-left:200px;
}

或仅特定元素:

#myselect{
  margin-left:200px;
}