cordova - 增加 jquerymobile 导航栏图标大小

Question

我正在使用 jquerymobile 创建一个科尔多瓦应用程序。有没有办法改变我在页脚部分使用的 jquerymobile 导航栏图标的大小？

以下是我用于页脚的 html 脚本

<div data-role="footer" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="#welcome_page" class="uibtn-active" data-icon="home" data-transition="slide">Home</a></li>
<li><a href="#usages" data-icon="tag" data-transition="slide">Usage</a></li>
<li><a href="#accounts" data-icon="edit" data-transition="slide">Accounts</a></li>
<li><a href="#status" data-icon="eye" data-transition="slide">Status</a></li>
<li><a href="#contacts" data-icon="info" data-transition="slide">Contact</a></li>
</ul>
</div>
</div>

Answer 1

jsFiddle

.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after
{
    width:50%;
    height:50px;
    position:relative;
    left:40%
}

Answer 2

.ui-btn-icon-top::after{
    background-size: 22px 22px;
}