2015-09-03 16 views
6

Demek ki ben yaparak boş md-checkbox arka plan-rengini değiştirebilir görünüyor. :checked, ::before, ::after ile oynamaya çalıştım ama başarılı olmadı.değiştirme md-onay kutusu rengi

Nasıl devam etmeliyim?

cevap

6

Seçiciyi daha yüksek özgüllükle tanımlamak için tema sınıfının yanı sıra md-checked sınıf kombinasyonunu kullanmanız gerekir. Örneğin:

md-checkbox .md-icon { 
    background: red; 
} 
md-checkbox.md-default-theme.md-checked .md-icon { 
    background: orange; 
} 

Ve tabii

, !important kullanmaktan kaçının bu bir şey senin stilleri ile yanlış olduğunu bir işaretidir. Yeni sürüm eklendi çizgi ._md-simgesinde

+0

teşekkür, yeni bir renk uyacak daha iyi yapmak için kutunun içine 'simgesini kontrol' rengini değiştirmek için bir yol da var? – Ellone

+0

Bu kuralı deneyin: 'md-checkbox.md-default-theme.md-checked .md-icon: {border-color: green; } '. Veya daha genel: 'md-checkbox.md-default-theme.md-kontrol edilmiş .md-icon: md-checkbox.md-default-theme: değil ([disabled]) md-checked .md-icon : sonra {border-color: yeşil; } '. – dfsq

5

:

md-checkbox.md-checked ._md-icon { 
     background-color: white; 
} 
+0

İyi. Değişiklikler hakkında bahsettikleri bağlantıyı paylaşır mısın? –

+1

Ne yazık ki, ben css dosyaları baktıktan sonra bu çözümü kendim buldum. –