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

标签 jquery-ui

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

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

body {font-size: 62.5%;}

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

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

最佳答案

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

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

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

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

关于jquery-ui - 如何调整 jQuery DatePicker 控件的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/659588/

相关文章:

jquery-ui - 如何禁用 jQuery UI 日期选择器的键盘快捷键?

jquery - 将对象拖到可排序列表中 - AngularJS

javascript - Jquery UI slider 句柄卡在 div 边框上并且句柄未达到最大值

javascript - 如何使用 React Native 动态地为 TextInput 赋值

javascript - 如何在jquery-uidraggable上实现引用线作为拖动的指导?

jquery - 在哪里可以下载 jQuery UI 的非缩小版?

javascript - 嵌套可排序无法正确折叠/展开

jQuery Accordion 不工作

JQuery 日期选择器不工作

javascript - 如何使用 String.replace() 替换所有出现的模式