JQuery mobile'de belirli bir simgenin rengini değiştirme

Question

Aşağıdaki kodu yazdım, ancak ev simgesimin örneğin mavi olmasını istiyorum. Arka plan rengini nasıl değiştirebilirim?

<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> 

Answer 1

Kullanım :after CSS seçici düğmenin simgesini geçersiz kılmak için. Ayrıca, tüm düğmelerde yapılan değişiklikleri uygulamamak için genel sınıfları genel sınıflarını geçersiz kıldığınızda spesifik olmanız gerekir.

ul.ui-nodisc-icon li:first-child .ui-btn:after { 
    background-color: #4da6ff; 
} 

yukarıda sadece liste görünümü arasında first-child uygulanabilir olacaktır.

<ul data-role="listview"> 
    <li> 
    <a href="#" id="home">Home</a> 
    </li> 
</ul> 

ul.ui-nodisc-icon #home:after { 
    background-color: #4da6ff; 
} 

Demo