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

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;
}