年月样式 CSS 选择 jQuery Datepicker

【问题标题】：Style CSS of year and month selects jQuery Datepicker年月样式 CSS 选择 jQuery Datepicker
【发布时间】：2016-08-03 19:12:25
【问题描述】：

我正在尝试为 jQuery datepicker 对象中的选择设置样式。例如，下面的工作也不行。

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

.ui-datepicker.select {
width:200px;
}

任何帮助将不胜感激。

【问题讨论】：

【解决方案1】：

这是一个工作示例。 UI Sheet 似乎被覆盖了，所以我使用了!important。

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;
}

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

【讨论】：