如何讓jQuery UI的風格不會覆蓋jqGrid的風格？

這是我的情況，我有一個jQuery的UI對話框裏面有一個jqgrid。當我打開對話框時，我可以看到網格的樣式已被對話框樣式覆蓋。如何讓jQuery UI的風格不會覆蓋jqGrid的風格？

是否可以使對話框樣式的對話內容不受污染？

如果之前有問題，我非常抱歉。如果你真的很友善，請給我一些鏈接。

我已經在這裏

一個的jsfiddle請任何響應，將不勝感激

PS。哦，是iframes想到克服風格覆蓋，但我駁回了這個想法

你可以在jsfiddle.net上發佈一個例子嗎？ –

我已經做了的jsfiddle這裏 http://jsfiddle.net/TGGKh/ 請任何迴應，將不勝感激 –

什麼是正被重寫，因爲我不能確定哪裏是錯誤的風格？！ –

從jquery-ui.css文件中刪除以下行「.ui-widget .ui-widget { font-size: 1em; }」。

2011-09-01 09:19:19

我願意和你的建議一起去，謝謝samir。我認爲jQuery UI應該考慮與jqgrid的互操作性，因爲它們都是最流行的jquery插件 –

不客氣！ –

在創建更復雜的解決方案可能是這個簡單的CSS

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

將已解決辦法。問題是jqGrid CSS使用em（相對字體大小），jqGrid使用像素中的絕對值。要在整個頁面上使用相同的字體大小，您可以使用上面的CSS。

2011-09-01 09:21:42 Oleg

回答