Question

我想在我的网站上为选择菜单设置2种不同的样式（类）。我不想使用ID，因为同一页面上可能有很多下拉。

例如：

<div class="row">
  <select class="style1">
      <option>Option 1</option>
      <option>Option 2</option>
      <option>Option 3</option>
  </select>

  <select class="style1">
      <option>Option 1</option>
      <option>Option 2</option>
      <option>Option 3</option>
  </select>

  <select class="style2">
      <option>Option 1</option>
      <option>Option 2</option>
      <option>Option 3</option>
  </select>
</div>

但是，当我使用javascript调用创建selectmenus时：

$("select").selectmenu();

它不会将类名转移到它创建的selectmenu（它只会根据原来的名称加上“-button”创建一个id。）

有没有办法使用类来设置jQuery UI selectmenu的样式？

感谢。

Answer 1

由于jQuery UI创建的新选择始终紧跟标记中的原始选择，因此我能够使用相邻的兄弟选择器（+）找到解决方案。

在CSS中：

select.style1 + .ui-selectmenu-button{}
select.style2 + .ui-selectmenu-button{}

如果有人有其他解决方案，请随时分享，谢谢！

设计2个不同类的jQuery UI selectmenus

1 个答案: