Question

如何调整大小 jQuery 的 DatePicker 控制

Answer 1

解决方法 1:

您不必在 jquery ui css 文件 （它可以是混乱如果您更改默认的文件） 中更改它，它是不够，如果添加

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

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

div.ui datepicker 被需要用户界面构件后 ui datepicker 宣言 》 中提到的情况下

解决方法 2:

不能添加评论，这就是 — — 在接受 Keijro 的答案。我其实添加以下样式表而：

div.ui-datepicker {
font-size:62.5%;

}

和它以及工作。这可能是 10px 的最好的绝对值。

解决方法 3:

我更改了 ui.theme.css 中的以下行：

.ui-widget { font-family:Trebuchet MS,Tahoma,Verdana,Arial, sans-serif; font-size:1.1em;}

自：

.ui-widget { font-family:Trebuchet MS,Tahoma,Verdana,Arial, sans-serif; font-size:12px;}

解决方法 4:

添加

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

在之后的 ui 文件加载一个样式表。这也将调整大小的日期的项目。

解决方法 5:

不可能！！这种方法在 FireFox 时无法正常工作。每当我做它，它的工作原理确定在 IE 中，但在 FireFox 3.6.15 datepicker 连接不到具有日历元素，但在页面的顶部。该元素是由 datepicker 重叠的。但如果页是"短"不总是发生 （具有日历元素和下面的 1-2 线）。

解决方法 6:

我想，我发现它 — — 我不得不进入 CSS 文件并直接更改为 datepicker 控件的字体大小。一旦你了解它，但第一次令人费解明显。

解决方法 7:

打开 ui.all.css

在结束付诸表决

@import "ui.base.css";
@import "ui.theme.css";
div.ui-datepicker {
font-size:62.5%;
}

和去 ！

解决方法 8:

在你的