增加 jquerymobile 导航栏图标大小
Increase jquerymobile navbar icon size
我正在使用 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>
.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;
}
我正在使用 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>
.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;
}