jQuery DatePicker太大了

Question

我已经实现了jQuery datepicker.它看起来工作正常,但日历太大了.

我正在处理的网站有很多层样式表和父页面和控件.我似乎无法隔离使它变大的东西.(对不起,该网站不公开.)

看来日历基于字体大小.我尝试将文本框包装在一个较小字体的div中,但似乎忽略了这一点.有没有办法指定固定的字体大小？

Answer 1

在更改.ui-widget作品的字体大小时,我得到了以下最佳效果.

#ui-datepicker-div { font-size:11px; }

这不仅似乎完全符合我的需要,它也不太可能影响任何其他jquery-ui小部件.

新手的一句话:不要害怕在这里使用#(id)选择器.即使您在页面上使用带有日期选择器的多个组件,也只有一个日期选择器的实例浮动(否则会非常浪费).就个人而言,我在+20记录的数据表上测试了这个解决方案,它运行得很好. (2认同)

Answer 2

尝试设置font-size课程.ui-datepicker

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