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

Question

我正在尝试使用JQuery的日期选择器，并查看网站上提供的预览。

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

我的代码中放置的日期选择器与实际大小不同。我尝试更改日期选择器表格的字体大小。

.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; width: 1%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 1%;}

请帮忙。

谢谢， tinks

- tinks

Answer 1

我建议使用在线"Theme Roller"创建主题，而不是手动编辑CSS。您可以从最符合您需求的现有主题开始，并将其微调到您喜欢的样子。好处如下：

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

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

- Álvaro González

---

嗨 @Alvaro，谢谢你的回复，我尝试了主题定制器，它有效了 :) - tinks