jQuery 日历的 CSS 字体大小问题

Question

DatePicker 中的日历下拉菜单采用文档的字体大小，而不是 DatePicker 所在的 div。我们如何解决这个问题？

我们不想在日历上手动应用字体大小，因为我们的解决方案是可定制的，并且我们希望允许其他带有下拉菜单的小部件，因此我们无法预见所有可能显示的下拉菜单。

#datepickerParent
{
    font-size:100px;
}

body
{
    font-size:15px;
}

<div id="datepickerParent">
    <input type="text" id="datepicker" />
</div>
<input type="text" id="dateInput" />

 $(function () {
     $("#datepicker").datepicker();
     $("#dateInput").datepicker();
 })

日历始终采用 15px 作为其字体大小。

这里是jsfiddle

Answer 1

将样式应用于ui-datepicker 类或ui-widget 类

.ui-datepicker{
    font-size:10px;
}

Fiddle Demo

Answer 2

我认为你可以使用以下代码：

.ui-state-default
{
    font-size:10px !important;
}