更改jquery datepicker的高度 [英] Changing the height of a jquery datepicker

问题描述

我想改变我使用的日期传送器的高度。我一直在通过firebug工作，并能够通过编辑 ui-datepicker 类更改宽度：

I am trying to change the height of a datepicker I am using. I have been working through firebug and was able to change the width by editing the ui-datepicker class like so:

.ui-datepicker
{ 
    width: 12em;
    height: 12em;
}

宽度工作正常，但高度只改变日历的背面，而不是单元格，所以我最终得到这样的东西：

The width works fine, but the height only changes the back of the calender, and not the cells so I end up with something like this:

日期选择器背景的高度已更改，但单元格相同。在 .ui-datepicker表中，我累了添加一行代码 height：80％将不会低于100％（或至少任何较低的将不会改变日期显示器的外观）。我一直在通过css尝试找到的高度设置，但不能找到它到目前为止。
任何建议？

Where the height of the datepicker background has changed, but the cells are the same. In the class .ui-datepicker table I tired to add a line of code height: 80%, but the height will not go lower then 100% (or at least any lower will not change the appearance of the datepicker). I have been looking through the css to try to find where the height is set, but cannot find it so far. Any suggestions?

推荐答案

我更改了以下两行。我改变宽度的日期从14到12em;并将字体设置为.7em。

i got it smaller changing the following two lines. i changed width on the datepicker from 14 to 12em; and set the font to .7em.

.ui-datepicker { width: 12em; padding: .2em .2em 0; display: none; }
.ui-datepicker table {width: 100%; font-size: .7em; border-collapse: collapse; margin:0 0 .4em; }

这篇关于更改jquery datepicker的高度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！