我正在尝试在我的 phonegap 应用程序中设置导航栏的字体大小。即使我更改了应用于导航栏的所有 css 样式的字体大小，文本按钮的字体大小也没有改变。如果我在网络导航器上运行代码，字体大小就会改变。
这是html代码：
<div data-role="navbar" class="nav-index" >
<ul>
<li><a href="javascript:p_menuVenta_main()" data-theme="c" data-icon="custom"
id="venta">Venta</a></li>
<li><a href="p_pedido.html" data-theme="c" data-icon="custom" id="pedido">Pedidos</a>
</li>
<li><a href="" data-theme="c" data-icon="check">Liquidacion</a></li>
<li><a href="" data-theme="c" data-icon="info">Consultas</a></li>
</ul>
这是css代码：
.index-footer .ui-btn .ui-btn-inner {
padding-top: 40px !important;
}
.nav-index .ui-btn .ui-icon {
width: 45px!important;
height: 35px!important;
margin-left: -24px !important;
box-shadow: none!important;
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
-webkit-border-radius: none !important;
border-radius: none !important;
font-size: 12px;
}
#venta .ui-icon {
background-image: url('images/venta.png');
background-repeat: no-repeat;
background-color: transparent;
background-position:center ;
}
#pedido .ui-icon {
background-image: url('images/pedidos.png');
background-repeat: no-repeat;
background-color: transparent;
background-position: center ;
}
.ui-navbar .ui-btn-text {
font-size: 6px;
}
.nav-index .ui-btn-text {
font-size: 6px;
}
提前致谢