jQuery中的Datepicker大小无法调整

Question

我正在尝试JQuery的日期选择器以及网站中提供的预览

http://jqueryui.com/demos/datepicker/#icon-trigger

的大小与我放在代码上的实际大小不同。 我尝试更改datepicker表的字体大小

.ui-datepicker table {width: 100%; font-size: .6em; border-collapse: collapse; margin:0 0 .4em; }

因为我找不到标题（月份）的字体大小设置，这是上一个和下一个箭头之间的最顶部。

日历中的字体和日期名称已经变小了 但月份字体大小保持不变。它真的令人失望。 ;（

  

.ui-datepicker select.ui-datepicker-month-year {font-size：.6em;宽度：1％;}   .ui-datepicker select.ui-datepicker-month，   .ui-datepicker select.ui-datepicker-year {width：1％;}`

请帮忙。

谢谢， tinks

Answer 1

我建议使用在线"Theme Roller"创建主题，而不是手动编辑CSS。您可以从最符合您需求的现有主题开始，并根据自己的喜好进行调整。好处是：

1. 您不会冒破坏用于功能或布局的CSS规则的风险
2. 主题将由所有其他jQuery UI小部件自动重用

此外，主题滚动添加了生成的CSS的链接（完成后请参阅源代码），以便稍后返回并进行进一步编辑。