【发布时间】：2011-02-20 18:58:14
【问题描述】：
我试图在我的 symfony 应用程序中添加一个 datepicker，我让它工作了，但是 datepicker 的大小大约是正常的 3 倍（在演示页面上）。我没有编辑任何 CSS，我只是使用默认的 ui 亮度主题没有修改。
有人知道为什么尺寸会被炸得这么大吗？
CSS：
我怀疑这会非常有用。
【问题讨论】：
标签： jquery jquery-ui datepicker jquery-ui-datepicker
【发布时间】：2011-02-20 18:58:14
【问题描述】：
在.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 文件。