在jquery mobile中更改特定图标的颜色
我编写了以下代码,但我希望我的主页图标是蓝色的,例如。如何更改背景色在jquery mobile中更改特定图标的颜色,jquery,css,jquery-mobile,icons,jquery-mobile-listview,Jquery,Css,Jquery Mobile,Icons,Jquery Mobile Listview,我编写了以下代码,但我希望我的主页图标是蓝色的,例如。如何更改背景色 <ul data-role="listview" data-inset="true" class="ui-nodisc-icon ui-alt-icon"> <li><a href="#page_1" class="ui-btn ui-icon-home ui-btn-icon-right" data-role="link" style="text-align: center;
<ul data-role="listview" data-inset="true" class="ui-nodisc-icon ui-alt-icon">
<li><a href="#page_1" class="ui-btn ui-icon-home ui-btn-icon-right" data-role="link" style="text-align: center; font: bold arial 95px;">Home</a></li>
<li><a href="#" class="ui-btn ui-icon-shop ui-btn-icon-right" data-role="link" style="text-align: center;">Products</a></li>
</ul>
使用:在CSS选择器之后覆盖按钮图标。为了不应用对所有按钮所做的更改,重写全局类时也必须是特定的
ul.ui-nodisc-icon li:first-child .ui-btn:after {
background-color: #4da6ff;
}
上述内容仅适用于listview的第一个子项。您可以将li:first child
和.ui btn
替换为添加到锚点的id
或class
,例如:
-
ul.ui-nodisc-icon#主页:之后{
背景色:#4da6ff;
}
代码:谢谢你,杜德,在用jquery示例疯狂地尝试了这么做之后,这个答案马上就起作用了。
<ul data-role="listview">
<li>
<a href="#" id="home">Home</a>
</li>
</ul>
ul.ui-nodisc-icon #home:after {
background-color: #4da6ff;
}