jquery ui datepicker字体大小很大

Posted 2023-05-07

【中文标题】jquery ui datepicker字体大小很大

【英文标题】：jquery ui datepicker font size is huge

【发布时间】：2011-02-20 18:58:14

【问题描述】：

我试图在我的 symfony 应用程序中添加一个 datepicker，我让它工作了，但是 datepicker 的大小大约是正常的 3 倍（在演示页面上）。我没有编辑任何 CSS，我只是使用默认的 ui 亮度主题没有修改。

有人知道为什么尺寸会被炸得这么大吗？

CSS：

http://paste2.org/p/835414

我怀疑这会非常有用。

【参考方案1】：

在.ui-widget 类中修改font-size。将其从 1.1em（当前值）更改为更少的值，例如 1em 或 0.9em。或者只使用静态大小，例如 12px，但不推荐这样做。

【讨论】：

天才！但是为什么字体会这么大呢？我没有编辑 CSS 中的任何内容，只是从 jquery UI 网站下载它...

这是因为字体是在em 中指定的，这是依赖于上下文的。例如，如果您的body 上有font-size: 14px，然后在div 上有1em，那么div 基本上就是14px。如果在div 上有0.8em，它会更小。如果然后您将body 更改为12px，则div 将更小。基本上，em 就像一个比率 (%) 其中1em == 100% （如果我错了，请纠正我）。

这对大多数人来说可能很明显，但是您必须将 !important 添加到 CSS 中，以便它覆盖 jquery UI 中的那个。我输入了我的 CSS： .ui-widget font-size: 0.8em !important; -- 没有 !important 将无法工作。

@EmmanuelTouzery 你没有有 （也不推荐 - !important 应该只在极端情况下使用）。如果您使用在 jQuery 的 CSS 中使用的相同选择器并在 jQuery 之后加载您的自定义 CSS，即使没有 !important，您的样式也应该适用。更好的是，你可以直接修改 jQuery 的 CSS 文件。