jqGrid – 如何使分页按钮更大？

我正在使用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框架进行样式化，默认按钮的来源是，

要使图像更大，您需要提供自己的图像精灵，但为了使可点击区域更大，您可以只定位跨度的边距，

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