2013-03-04 11 views
5

Mã này hoạt động tốt trong Chrome trên máy tính để bàn, nhưng không phải android trình duyệt chứng khoán:CSS - Bộ chọn anh chị em không hoạt động trên Android?

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

Về cơ bản khi bạn nhấp vào dấu kiểm HTE, thẻ text khoảng nên chuyển sang màu đỏ. Nó không chuyển sang màu đỏ trên Galaxy Note của tôi với android 4.0.

Mã của tôi có vấn đề gì?

Trả lời

8

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

Bộ chọn anh chị em được hỗ trợ

sự: kiểm tra pseudo-class không phải là

+0

ok có ý nghĩa. Bạn có biết quy tắc css nào tôi có thể sử dụng thay thế để nhận tất cả các hộp kiểm đã chọn trong Android không? đầu vào [checked = "checked"] không cho tôi bất cứ thứ gì. – John

+1

Dường như có một vài hack hoạt động. [kiểm tra điều này] (http://stackoverflow.com/questions/8320530/webkit-bug-with-hover-and-multiple-adjacent-sibling-selectors/8320736#8320736) và/hoặc thử đầu vào [loại = hộp kiểm này ]: đã kiểm tra – ElefantPhace

+1

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