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

时间:2011-09-01 07:04:36

标签: jquery css jquery-ui jqgrid jquery-ui-dialog

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

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

如果之前已经提出这个问题,我很抱歉。如果你这么好,请给我链接到线程。

我在这里做了一个jsfiddle

http://jsfiddle.net/TGGKh/

请回复任何回复

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

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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

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

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