小编典典

如何调整 jQuery DatePicker 控件的大小

all

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

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

body {font-size: 62.5%;}

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

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


阅读 225

收藏
2022-07-09

共1个答案

小编典典

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

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

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

如果在声明中的 ui-datepicker 之后提到了 ui-widget,则需要 div.ui-datepicker

2022-07-09