2013-03-04 11 views
5
Bu kod masaüstünde Chrome'da çalışıyor

ancak android stok tarayıcısı: Eğer Hte onay işaretini tıkladığınızda CSS - Sibling seçici android çalışmıyor?

<!DOCTYPE html> 
<html> 
<head> 
<style type="text/css"> 
input:checked ~ span {color:red;} 
</style> 
</head> 
<body> 
<label> 
<input type="checkbox" /> 
<span>First item</span> 
</label> 
</body> 
</html> 

Temelde, span etiketi metni kırmızı açmalısınız. Android 4.0 ile Galaxy Note'umda kırmızıya dönmüyor.

Kodumdaki sorun nedir?

cevap

8

http://quirksmode.org/css/selectors/mobile.html

kardeş seçicisi

desteklenir: işaretli sözde sınıfı mantıklı

+0

Tamam değil. Android'de tüm kontrol kutularını almak için kullanabileceğim hangi css kuralını biliyor musunuz? giriş [checked = "checked"] bana bir şey vermedi. – John

+1

Çalışan birkaç hack var gibi görünüyor. [bunu kontrol edin] (http://stackoverflow.com/questions/8320530/webkit-bug-with-hover-and-multiple-adjacent-sibling-selectors/8320736#8320736) ve/veya bu girişi deneyin [type = onay kutusu ]: kontrol edildi – ElefantPhace

+1

http://css-tricks.com/forums/discussion/18225/checkbox-hack-on-mobile-webkit/p1 – ElefantPhace