jQuery中的日期选择器大小无法调整答案

【问题标题】：Datepicker size in jQuery cannot be adjustedjQuery中的日期选择器大小无法调整
【发布时间】：2011-12-29 08:55:36
【问题描述】：

我正在试用 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%;}`

请帮忙。

谢谢，叮当

【问题讨论】：

标签： javascript jquery datepicker

【解决方案1】：

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

您不必冒险违反用于功能或布局的 CSS 规则
所有其他 jQuery UI 小部件将自动重用该主题

此外，Theme Roller 会添加一个指向生成的 CSS 的链接（完成后查看源代码），以便您稍后返回并进行进一步的编辑。

【讨论】：

嗨 @Alvaro 感谢您的 rply，尝试了 Theme Roller 并且成功了 :)