У меня есть jqGrid, который отлично работает, когда отображается на отдельной странице.
Если я пытаюсь отобразить ту же сетку на вкладке jQueryUI, она все равно работает нормально, за исключением того, что размер шрифта неправильный. Что происходит, это:
Когда все работает на отдельной странице, размер шрифта выбирается следующим образом:
Inherited from div#gbox_datatable.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all, in file ui.jqgrid.css line 2
.ui-jqgrid{
font-size:11px;
}
Когда сетка размещается на вкладке jQueryUI, однако, она переопределяется командой CSS с более высоким приоритетом следующим образом:
Inherited from div#gbox_datatable.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all, in file jquery-ui-1.8.9.custom.css line 60
.ui-widget .ui-widget{
font-size:1em;
}
Другими словами, тот факт, что у меня есть пользовательский интерфейс внутри другого пользовательского интерфейса, переопределяет спецификатор желаемого шрифта.
Как мне избежать этого переопределения?
Я нашел тот же вопрос в здесь без каких-либо ответов.
Любая помощь будет оценена ...