Question

我遇到一个问题，我在页面上有多个选择，我们正在使用select2。我想仅仅为这一个特定的选择设置风格，但我无法使其独特，所以我可以添加一些CSS。我可以将ID添加到容器中，但实际发生的是当打开下拉列表时，代码被添加到正文的最底部，所以我无法使用ID或css来定位它而不应用它每一个选择。

如何将ID或类添加到下面的代码中？我正在使用select2 v3.4.0。如果您在此页面上打开选择，您可以看到我所指的内容。的 SELECT 2

<div class="select2-drop select2-display-none select2-drop-active select2-with-searchbox" style="display: block; top: 468px; left: 627.078px; width: 252px;" id="select2-drop">
    <div class="select2-search">
        <input type="text" autocomplete="off" autocorrect="off" autocapitilize="off" spellcheck="false" class="select2-input"> </div>
    <ul class="select2-results">
        <li class="select2-results-dept-0 select2-result select2-result-selectable select2-highlighted">
            <div class="select2-result-label"><span class="select2-match"></span>Standard Vehicle</div>
        </li>
        <li class="select2-results-dept-0 select2-result select2-result-unselectable select2-disabled">
            <div class="select2-result-label"><span class="select2-match"></span></div>
        </li>
        <li class="select2-results-dept-0 select2-result select2-result-selectable">
            <div class="select2-result-label"><span class="select2-match"></span>Motorcycles &amp; Scooters</div>
        </li>
    </ul>
</div>

Answer 1

<强> Updated codepin

从Documentation - Constructor parameters part开始，您可以使用 dropdownCssClass 参数将特定自定义class提供给您想要的选择列表：

$("#my-id").select2({
    dropdownCssClass: "custom-dropdown"
});

希望这有帮助。

如何为select2下拉列表添加唯一ID

1 个答案: