如何使 jQuery UI 样式不覆盖 jqGrid 样式？答案

【问题标题】：How to make jQuery UI's style not overwrite jqGrid's style?如何使 jQuery UI 样式不覆盖 jqGrid 样式？
【发布时间】：2011-11-08 04:21:07
【问题描述】：

这是我的情况，我有一个 jquery ui 对话框，里面有一个 jqgrid。当我打开对话框时，我可以看到网格的样式已经被对话框的样式覆盖了。

是否可以使对话框的内容不受对话框样式的污染？

如果之前有人问过这个问题，我很抱歉。如果您好心，请给我链接到线程。

我在这里做了一个jsfiddle

如有任何回应，我们将不胜感激

PS。哦，是的，我确实想到了 iframes 来克服样式覆盖，但我拒绝了这个想法

【问题讨论】：

【解决方案1】：

从 jquery-ui.css 文件中删除以下行“.ui-widget .ui-widget { font-size: 1em; }”。

【讨论】：

【解决方案2】：

在你创建更复杂的解决方案之前，可能是这个简单的 CSS

html, body { font-size: 75%; }

已经是解决方法了。问题是 jqGrid CSS 使用em（相对字体大小）而 jqGrid 使用像素中的绝对值。要在整个页面上使用相同的字体大小，您可以使用上面的 CSS。

【讨论】：