Как я могу сделать кнопки подкачки больше?

Question

Я работаю над приложением с сенсорным экраном, использующим jqGrid, и мне нужны кнопки большего размера.

Я осматривался, но не могу понять, где находится настройка CSS для кнопок подкачки / поиска / обновления, чтобы я мог изменить их размер.

Как сделать кнопки больше?

Редактировать: Мне пришлось сделать еще несколько изменений, чтобы кнопки выглядели правильно.

.ui-jqgrid .ui-jqgrid-pager { /* change height */ height:45px; }
.ui-jqgrid .ui-pg-button  { height:45px !important; width:46px !important;}
.ui-jqgrid .ui-jqgrid-pager .ui-icon { position:relative; margin: 0px 15px;}

Answer 1

jqGrid использует стили jQuery UI css для стилей, источник кнопок по умолчанию:

<div class="ui-pg-div">
    <span class="ui-icon ui-icon-refresh"></span>
</div>

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

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon {
    margin: 10px;
}