如何调整jQuery DatePicker控件的大小
如何调整jQuery DatePicker控件的大小
提问于 2009-03-18 18:40:37
我第一次使用jQuery DatePicker控件。我已经让它在我的表单上工作了，但是它大约是我想要的两倍大，大约是jQuery UI页面上演示的1.5倍。是否有一些简单的设置，我错过了控制大小？
编辑：，我找到了一条线索，但它带来了新的问题。在CSS文件中，它声明组件将根据父元素的字体大小进行缩放。他们建议设置
body {font-size: 62.5%;}使1em =10 to。这样做给了我一个很好的大小的数据报警器，但很明显，它扰乱了我的其他网站(我目前的字体大小：.9em)。
我试着在文本框周围抛出一个DIV并设置它的字体大小，但它似乎忽略了这一点。因此，一定有办法通过更改其父服务器的字体来缩小数据报头，但是我如何做到这一点而不破坏我的站点的其他部分呢？
回答 23
Stack Overflow用户
回答已采纳
发布于 2009-03-18 21:54:31
您不必在jquery-ui css文件中更改它(如果您更改了默认文件，它可能会使人困惑)，如果您添加的话就足够了。
div.ui-datepicker{
font-size:10px;
}在ui文件之后加载的样式表中。
div.ui-datepicker是在声明中的ui-datepicker之后提到ui-widget的情况下需要的。
Stack Overflow用户
发布于 2009-08-19 16:03:25
我不能补充评论，所以这是指Keijro所接受的答案。实际上，我在样式表中添加了以下内容：
div.ui-datepicker {
font-size: 62.5%;
}它也起作用了。这可能比绝对值10 of更好。
Stack Overflow用户
发布于 2013-04-22 01:32:30
不确定是否有人建议遵循，如果是，只管无视我的评论。我今天测试了这个，它对我有用。只需在控件显示之前调整字体大小：
$('#event_date').datepicker({
showButtonPanel: true,
dateFormat: "mm/dd/yy",
beforeShow: function(){
$(".ui-datepicker").css('font-size', 12)
}
});使用回调函数beforeShow
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/659588
复制相关文章
相似问题
腾讯云开发者
