jQuery Calendar的CSS字体大小问题

时间:2014-02-13 13:32:55

标签: css jquery-ui calendar

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

2 个答案:

答案 0 :(得分:0)

将样式应用于ui-datepicker班级或ui-widget班级

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

Fiddle Demo

答案 1 :(得分:0)

我认为您可以使用以下代码:

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