jquery - 如何更改 jquery.ui selectmenu 的字体或大小？

Question

我在使用 jQueryUI 选择菜单时遇到了问题。我想更改字体大小或选择菜单大小，我想在选择菜单右侧看到标签。这是我的代码:

<label for="names">Name:</label>
<select id="names">
    <option selected="selected">Choose name</option>
    <option>Bob</option>
    <option>Kate</option>
    <option>Rob</option>
</select>

如果我将 selectmenu 放在 div 中，我会在 selectmenu 下看到一个标签。这对我不好。

感谢回复!

Answer 1

以下是您可以简单地更改 jquery selectmenu 选项项样式的方法:

$(document).ready(function() {
  $("select#num_years").selectmenu({
      width: 200
    })
    .selectmenu("menuWidget")
    .addClass("option_class");

  $("select#num_years").selectmenu("widget").addClass("option_class");

});

.option_class {
  font-size: 25px !important;
  width: 200px;
}

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
  <link href="//code.jquery.com/ui/1.12.1/themes/dark-hive/jquery-ui.css" rel="stylesheet" />

  <select id="num_years" name="num_years">
    <option value="0" style="font-size: 14px !important;">All</option>
    <option value="5">5</option>
    <option value="10">10</option>
  </select>