Javascript 在jquery插件中只更改一种选择样式

所以我使用selected-jquery插件进行selects

假设我在网页上有四个选择，我希望最后一个向上打开。我知道如何更改样式以向上打开“选择”，但我不知道如何仅对一个选择执行此操作。这可能很琐碎，但我在任何地方都找不到答案

要安装它，我下载了selected.jquery.min.js和selected.css文件，并将以下代码放入我的js文件中，该文件处理所有选择：

$(document).ready(function() {
  $('select').chosen({ width: '100%', disable_search_threshold: 9 });
});

我可能应该向selects添加类，添加我想要覆盖到chosen2.css的样式，对吗？但是，如何将这些特定的选择与新的css文件连接起来呢

以下是我试图实现的目标：

---

我认为您可以在select标记上使用类或ID 例如：

$(document).ready(function() {
  $('select.last').chosen({ width: '100%', disable_search_threshold: 9 });
});

或

---

我认为您可以在select标记上使用类或ID 例如：

$(document).ready(function() {
  $('select.last').chosen({ width: '100%', disable_search_threshold: 9 });
});

或

---

编辑：

我修改了你的小提琴，只需将你最后的

select

放在

div

中，并将css应用于该div中的select：

---

让我知道这是否是您想要的：）

编辑：

我修改了你的小提琴，只需将你最后的

select

放在

div

中，并将css应用于该div中的select：

---

让我知道这是否是您想要的：）

您是否尝试过使用所选类中的最后一个孩子？我不知道“selected”使用什么类来设置元素的样式，但我认为您可以这样做。如果您提供一个jsfiddle，您是否尝试过使用：select类上的last child？我不知道“selected”使用什么类来设置元素的样式，但我认为您可以这样做。如果您提供一个JSFIDDLE，会更容易提供帮助，谢谢，但这不是我要找的-我编辑了我的问题，您可以在那里找到FIDLE-正如您可以看到两个选择都向上打开-“最后一个类型”在这种情况下不起作用，这当然是我要找的！我知道有一些简单的解决方法：）谢谢！谢谢，但这不是我要找的-我编辑了我的问题，你可以在那里找到fiddle-你可以看到两个选择都向上打开-“最后一个类型”在这种情况下不起作用，这当然是我要找的！我知道有一些简单的解决方法：）谢谢！但它们都指向相同的“选择”，因此它们在样式方面仍然相同，但它们都指向相同的“选择”，因此在样式方面仍然相同

<div class="drop-up">
  <div class="box" style="margin-left: 50px; margin-top: 15px;">
    <select class="chosen-select">
        <option selected="selected">10</option>
        <option>20</option>
        <option>50</option>
        <option>100</option>
    </select>
  </div>
</div>

.drop-up .chosen-container .chosen-drop {
    border-bottom: 0;
    border-top: 1px solid #aaa;
    top: auto;
    bottom: 40px;
}