我尝试将图标的背景颜色从默认的浅灰色改为绿色,但它也改变了整个按钮的背景。如何防止这种情况发生?我只想改变图标的颜色。
jQuery Mobile 1.4.0
jQuery Mobile 1.4.0
<div data-role="footer" data-position="fixed" data-tap-toggle="false">
<div data-role="navbar">
<ul>
<li><a href="#start" data-icon="home">Start</a></li>
<li><a href="#" data-icon="check">Test</a></li>
<li><a href="#" data-icon="gear">Test2</a></li>
</ul>
</div><!-- /navbar -->
</div><!-- /footer -->
CSS
.ui-icon-check
{
background-color: #0f0 !important;
}
更新:使用:after关键字解决了问题!由于这个页面是动态的,我想它需要在“before”之后应用CSS,而不是在“before”之前?
工作的CSS(感谢Omar)
.ui-icon-check:after
{
background-color: green !important;
}
:after
。.ui-icon-check:after
。 - Omar