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
答案 0 :(得分:0)
答案 1 :(得分:0)
我认为您可以使用以下代码:
.ui-state-default
{
font-size:10px !important;
}