jquery UI 元素显得很大

Question

我在我的应用程序中使用 jquery UI，并且在我的页面中使用时 jquery UI 的所有元素都显得非常大。也就是说，它们看起来比页面的其余部分更大。此外，我放入 jquery UI 元素中的普通元素的大小也在增长。

例如，我在 Accordion 内有几个文本框和文本标签，它们在 UI 元素内变得比原始大小更大。

我不确定是什么原因造成的。

Answer 1

尝试将小部件的 页面正文元素 容器的font-size设置为较小的值(以像素为单位)。

通常，jquery UI 插件和内容具有相对大小(以 em 为单位)，因此它们与从其父节点继承的 font-size 相关。

你可以在你的CSS中添加这样的东西:

.ui-widget{
  font-size: 10px;
}

感谢@Haochi提供了更好的主意，我本来就错过了。