更改jQuery日期选择器的高度

问题描述：

我想改变我使用的日期选择器的高度。我一直在努力通过萤火虫，并能够通过编辑ui-datepicker类像这样改变宽度：更改jQuery日期选择器的高度

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

宽度工作正常，但高度仅改变压延机的后面，并没有让我的细胞结束了这样的事情： Notice the height of the cells compared to the background

其中日期选择器背景的高度已更改，但单元格相同。在类.ui-datepicker table我累了添加一行代码height: 80%，但高度不会低于100％（或者至少低于这个值不会改变日期选择器的外观）。我一直在通过CSS来查找高度设置的位置，但到目前为止找不到它。有什么建议吗？

答

我知道它变小了以下两行。我把datepicker的宽度从14改为12em;并将字体设置为.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; }

答

尝试降低.ui-datepicker td的行高属性。当你这样做的时候，你可能不得不使用填充和字体大小来使数字适合框，但我认为行高会做你想要的。

答

我认为你必须特别改变表格单元的高度，例如，像这样：

.ui-datepicker td { 
    height: 1em; 
}

这也将调整sorrounding日期选取器的高度。

答

比给出的答案更小：

.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 0.7em; }

更改字体大小，一切都改变了

答

日期选择器有它内部的几个不同的元素影响身高。我发现没有很好的选择器可以扩展整个事物。

你提到使单元变大。为此，您可以将日期选择器中的定位标记定位到目标位置。

.ui-datepicker td a 
{  
    height: 1.4em; 
}

做这样的事情，这将使所有细胞做大整个日期选择器窗口会自动展开。请注意，增加此选择器的高度不会改变宽度。试图将“宽度”属性添加到此选择器会导致不需要的填充。你将不得不这样做，你最初是如何做到这一点的。

.ui-datepicker 
{ 
    width: 12em; 
}

答

做到这一点。身高将自动照顾

.ui-datepicker { 
    width: 12em; 
    font-size:10pt; 
}

答

以下步骤帮助了我。

打开CSS文件从\内容\主题\基地\
移动到部分“jQuery UI的日期选择器1.8 'jQuery的ui.css'。7'
改变宽度和用于下列项目按规定高度属性的.ui-日期选择器的.ui-日期选择器表
的.ui-日期选择第
的.ui-日期选择器TD
的.ui-日期选择器TD跨度的.ui-日期选择器TD一个

下面是修改UI http://arunduth.net/Images/JQueryDatePicker.png

答

如果它是一个内联日期选择器，那么有一招。只需要给datepicker一些id。 <div id="datepicker" ></div>。现在根据您的需要更改datepicker的字体大小。它会自动更改datepicker的大小。 CSS代码： #datepicker{ font-size: 20px; }

答

由于选择的答案已经是正确的，但它似乎是高度和宽度调整不正确。在我的情况下，下面的代码完美工作。

#ui-datepicker-div { font-size:11px; }

DEMO

答

我不能投票，那么这里是我的

#dataAgenda2 .ui-widget { font-size: 0.8em !important; }

答

我这样做是使用下面的代码：

.ui-datepicker { 
    width: 200px; 
    height:200px; 
}

Here是一个小的jsfiddle例子您可以根据自己的意愿更改宽度和高度。

答

更改填充！

.ui-datepicker td span, .ui-datepicker td a { 
    padding: 10px 5px !important; 
}

更改jQuery日期选择器的高度

相关推荐