年月样式 CSS 选择 jQuery Datepicker

Question

我正在尝试为 jQuery 日期选择器对象中的选择设置样式。例如，下面的工作也没有。

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

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

如有任何帮助，我们将不胜感激。

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

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

Style CSS of year and month selects jQuery Datepicker