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

Question

我有一个问题，我在页面上有多个选择，而我们正在使用 select2。我只想为这个特定的选择设置样式，但我无法使它独一无二，因此我可以添加一些 CSS。我可以将 ID 添加到容器中，但实际发生的是当下拉菜单打开时，代码添加到正文的最底部，因此我无法使用 ID 或 css 定位它而不应用它每一个选择。

如何将 id 或 class 添加到下面的代码中？我正在使用 select2 v3.4.0。如果您在此页面上打开一个选择，您可以看到我所指的内容。选择 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

更新了密码。

从文档 - 构造函数参数部分，您可以使用dropdownCssClass参数为class您想要的选择列表提供特定自定义：

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

希望这可以帮助。