2013-03-04 6 views
5
이 코드는 바탕 화면에 크롬에서 잘 작동

,하지만 안드로이드 재고 브라우저 : 당신은 했나 체크 표시를 클릭하면 CSS - 형제 선택기가 안드로이드에서 작동하지 않습니까?

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

는 기본적으로, span 태그의 텍스트가 빨간색으로 변합니다. 안드로이드 4.0으로 내 갤럭시 노트에 빨간색으로 변하지 않습니다.

내 코드에 어떤 문제가 있습니까?

답변

8

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

형제 선택은

를 지원합니다 : 선택 의사 클래스는 의미가

+0

확인하지 않습니다. 내가 선택한 css 규칙을 안드로이드에서 모든 체크 된 체크 박스를 얻기 위해 사용할 수 있는지 알고 있습니까? 입력 [checked = "checked"]은 내게 아무것도주지 않았습니다. – John

+1

작동하는 몇 가지 해킹이있는 것 같습니다. [이것을 확인하십시오] (http://stackoverflow.com/questions/8320530/webkit-bug-with-hover-and-multiple-adjacent-sibling-selectors/8320736#8320736) 그리고/또는이 입력을 시도하십시오 [type = checkbox ] : 체크 됨 – ElefantPhace

+1

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