Можно ли стилизовать filterToolbar в jqGrid?

Question

Я использую jqGrid и хочу узнать, можно ли стилизовать фон filterToolbar отдельно от остальной сетки.

Я пробовал:

var $search_toolbar = $("tr.ui-search-toolbar", $("#list")[0].grid.hDiv);
$search_toolbar.css('height', '50');
$search_toolbar.css('background-color', 'Red');

Высота установлена, но цвет фона, кажется, переопределяется дочерними элементами TH.

Затем я попытался создать стиль:

tr.ui-search-toolbar th{
    height:30px;
    background-color:Black;
    background-image:none;
}

Я уверен, что что-то упустилочевидно, я просто не вижу, что это такое.

Answer 1

Вы можете использовать что-то вроде следующего

.ui-jqgrid table.ui-jqgrid-htable th.ui-th-column input,
.ui-jqgrid table.ui-jqgrid-htable th.ui-th-column select {
    background-color: red
}

см. демо .