如何更改jquery UI datepicker的大小

Question

  

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

请告诉我如何更改jquery ui datepicker的大小。我的默认日期选择工具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

尝试更改

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

在jquery-ui-1.8.6.custom.css中。请注意1.8.6是我正在使用的版本。