Я написал следующий код, но я хочу, чтобы значок моего дома был, например, синим. Как я могу изменить цвет фона?
<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 :after, чтобы переопределить значок кнопки. Вы также должны быть конкретными при переопределении глобальных классов, чтобы не применять изменения, сделанные для всех кнопок.
ul.ui-nodisc-icon li:first-child .ui-btn:after {
background-color: #4da6ff;
}
Вышеупомянутое будет применяться только к first-child списка. Вы можете заменить li:first-child и .ui-btn на id или class, добавленные к якорю, например:
<ul data-role="listview">
<li>
<a href="#" id="home">Home</a>
</li>
</ul>
ul.ui-nodisc-icon #home:after {
background-color: #4da6ff;
}
