如何增加datepicker的年份下拉字体大小

Question

我正在尝试增加月份和年份选择器的大小，并尝试使用css增加字体大小

希望增加今年选择器下拉列表的字体。

Answer 1

您可以使用以下CSS类来控制width下拉列表的font-size和p:calendar：

.ui-datepicker .ui-datepicker-title select {
    width: XX%;
    font-size: XXpx;
}

XX是您所需的值，而width的默认值为49%且font-size为1em。尝试使用大于默认值的值。

但是，如果您想要使用单独的下拉菜单，那么每个下拉菜单上都会应用ui-datepicker-month和ui-datepicker-year。

您可以使用以下内容：

.ui-datepicker select.ui-datepicker-month {
    /* Your CSS declaration for month drop-down */
}

.ui-datepicker select.ui-datepicker-year {
    /* Your CSS declaration for year drop-down */
}