年份和月份的样式CSS选择jQuery Datepicker

Question

我正在尝试在jQuery datepicker对象中设置样式。例如，以下工作都没有。

npm install

非常感谢任何帮助。

Answer 1

这是一个工作示例。 UI工作表似乎会覆盖，因此我使用了!important。

https://jsfiddle.net/Twisty/whcjw3w6/

<强> HTML

<p>Date:
  <input type="text" id="datepicker">
</p>

<强> CSS

select.ui-datepicker-month,
select.ui-datepicker-year {
  width: 200px !important;
}

<强>的jQuery

$(function() {
  $("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true
  });
});

修改

每@mike-mccaughan条评论，你也可以这样做：

.ui-datepicker-header select.ui-datepicker-month,
.ui-datepicker-header select.ui-datepicker-year {
  width: 200px;
}

只需要更多地指定选择器。