CSS - 同胞選擇器不能在android中工作？

此代碼工作正常在Chrome在桌面上，而不是Android的瀏覽器的股票：CSS - 同胞選擇器不能在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>

基本上當你點擊興田對勾，跨度標籤的文字應變成紅色。它不會在我的Galaxy Note上用android 4.0變紅。

我的代碼有什麼問題？

來源

2013-03-04 John

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

的兄弟選擇支持

的：檢查僞類是不

來源

2013-03-04 00:31:53 ElefantPhace

確定這是有道理的。你知道我可以使用哪個CSS規則來獲取android中所有選中的複選框嗎？輸入[checked =「checked」]沒有給我任何東西。 – John 2013-03-04 01:12:13

似乎有幾個黑客的工作。 [檢查出來]（http://stackoverflow.com/questions/8320530/webkit-bug-with-hover-and-multiple-adjacent-sibling-selectors/8320736#8320736）和/或嘗試此輸入[type = checkbox ]：checked – ElefantPhace 2013-03-04 01:37:42

http://css-tricks.com/forums/discussion/18225/checkbox-hack-on-mobile-webkit/p1 – ElefantPhace 2013-03-04 01:38:23

CSS - 同胞選擇器不能在android中工作？

回答

相關問題