css - 如何增加日期选择器的年份下拉字体大小

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 */
}