如何更改jQuery UI的日期选择器的尺寸

Question

可能重复：
How to resize the jQuery DatePicker control

请告诉我如何更改jQuery UI的日期选择器的尺寸。我的默认日期选择器width和height接近308px和285px。这对我的页面来说太大了。请告诉我如何重新调整它的大小？为什么它变得如此之大？我只是复制和粘贴代码并将css和js文件替换到相关位置。

<link rel="stylesheet" type="text/css" href="./css/ui/jquery.ui.all.css"> 

<script src="./js/jquery-1.5.1.js"></script>  
<script src="./js/ui/jquery.ui.core.js"></script> 
<script src="./js/ui/jquery.ui.widget.js"></script> 
<script src="./js/ui/jquery.ui.datepicker.js"></script> 

谢谢。

Answer 1

$('div.ui-datepicker').css({ 
    font-size:10px; 
}); 

增加字体大小将增加数据中心的整体大小。

Answer 2

尝试在jquery-ui-1.8.6.custom.css改变

.ui-datepicker { 
    height: 500px ; 
    padding: 0.2em 0.2em 0; 
    width: 150px; 
} 

。请注意，1.8.6是我正在使用的版本。