Here is my situation, I’m having a jquery ui dialog with a jqgrid inside of it. When I opened the dialog, I can see that the grid’s style has been overwritten by the dialog’s style.
Is it possible to make the content of a dialog uncontaminated by the dialog’s style?
I’m very sorry if the question has been asked before. Please do give me links to the threads if you be so kind.
I have made a jsfiddle here
Please any response would be appreciated
PS. Oh yes iframes does come to mind to overcome the style overwriting, but I dismissed the idea
Remove the following line “
.ui-widget .ui-widget { font-size: 1em; }” from jquery-ui.css file.