如何让jQuery UI的风格不会覆盖jqGrid的风格？

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

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

如果之前已经提出这个问题，我很抱歉。如果你很善良，请给我链接到主题。

我在这里做了一个jsfiddle

http://jsfiddle.net/TGGKh/

请回复任何回复

PS。哦，是的，iframe确实想到克服风格覆盖，但我驳回了这个想法

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

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

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

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