Как сделать, чтобы стиль пользовательского интерфейса jQuery не переписывал стиль jqGrid?

Question

Вот моя ситуация, у меня есть диалоговое окно jquery ui с jqgrid внутри него.Открыв диалоговое окно, я вижу, что стиль сетки был перезаписан стилем диалога.

Можно ли сделать содержимое диалога незагрязненным стилем диалога?

IМне очень жаль, если вопрос был задан ранее.Пожалуйста, дайте мне ссылки на темы, если вы так любезны.

Я сделал jsfiddle здесь

http://jsfiddle.net/TGGKh/

Пожалуйста, любой ответ будет оценен

PS.О, да, iframes приходит в голову, чтобы преодолеть переписывание стиля, но я отклонил идею

Answer 1

Удалите следующую строку ".ui-widget .ui-widget { font-size: 1em; }" из файла jquery-ui.css.

Answer 2

Прежде чем создавать более сложное решение, возможно, это простой CSS

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

будет уже обходной путь. Проблема в том, что jqGrid CSS использует em (относительный размер шрифта), а jqGrid использует абсолютные значения в пикселях. Чтобы использовать одинаковый размер шрифта на всей странице, вы можете использовать выше CSS.