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; 
}