我正在使用 jqGrid 开发触摸屏应用程序,我需要更大的按钮。
我一直在环顾四周,但我不知道分页/搜索/刷新按钮的 CSS 设置在哪里,所以我可以调整它们的大小。
如何让按钮变大?
Edit:我必须做更多的改变才能让按钮看起来恰到好处。
.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;}
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;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)