Cordova 增加jquerymobile导航栏图标大小

我正在使用jquerymobile创建一个cordova应用程序。有没有办法更改我在页脚部分使用的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>

---

感谢Atanu，但它似乎只是增加了图标容器的大小，而不是图标本身。是否也没有办法增加图标的大小？

.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%
}

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