jquery-ui - 如何调整 jQuery DatePicker 控件的大小

Question

我是第一次使用 jQuery DatePicker 控件。我已经让它在我的表单上运行了，但它大约是我想要的两倍大，大约是 jQuery UI 页面上的演示的 1.5 倍大。我是否缺少一些简单的设置来控制大小？

编辑:我找到了一条线索，但它带来了新的问题。在 CSS 文件中，它声明组件将根据父元素的字体大小进行缩放。他们建议设置

body {font-size: 62.5%;}

使 1em = 10px。这样做给了我一个大小合适的日期选择器，但显然它弄乱了我网站的其余部分(我目前的字体大小:.9em)。

我尝试在文本框周围放置一个 DIV 并设置其字体大小，但它似乎忽略了这一点。因此，必须有某种方法通过更改其父级的字体来缩小日期选择器，但我该如何做到这一点而不弄乱网站的其余部分？

Answer 1

不必在 jquery-ui css 文件中更改它(如果更改默认文件可能会造成困惑)，添加就足够了

div.ui-datepicker{
 font-size:10px;
}

在 ui 文件之后加载的样式表中

div.ui-datepicker 是必需的，以防在声明中的 ui-datepicker 之后提到 ui-widget