javascript - 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%;}`

请帮忙。

谢谢，叮当

Answer 1

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

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

此外，主题滚轮会添加一个指向生成的 CSS 的链接(完成后请参阅源代码)，以便您稍后可以返回并进行进一步编辑。