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

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

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

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

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

http://jsfiddle.net/TGGKh/

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

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


jquery css jqgrid jquery-ui jquery-ui-dialog
person strike_noir    schedule 01.09.2011    source источник
comment
Можете ли вы опубликовать пример на jsfiddle.net?   -  person Nicola Peluchetti    schedule 01.09.2011
comment
Я сделал jsfiddle здесь jsfiddle.net/TGGKh Пожалуйста, любой ответ будет оценен   -  person strike_noir    schedule 01.09.2011
comment
Какой стиль переопределяется, потому что я не могу определить, где ошибка?!   -  person Samir Adel    schedule 01.09.2011
comment
Сравните его с этим jsfiddle.net/MUTRr.   -  person strike_noir    schedule 01.09.2011
comment
@samir adel: пожалуйста, сравните со вторым URL, который я дал: D большое спасибо   -  person strike_noir    schedule 01.09.2011

Ответы (2)


arrow_upward
1
arrow_downward

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

person Samir Adel    schedule 01.09.2011
comment
Я бы согласился с вашим предложением, спасибо, Самир. Я думаю, что jquery ui должен думать о взаимодействии с jqgrid, поскольку оба являются самыми популярными плагинами jquery. - person strike_noir; 01.09.2011

arrow_upward
0
arrow_downward

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

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

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

person Oleg    schedule 01.09.2011