CSS 체크 박스 : 사파리 변경 안함

코드는 Firefox와 Chrome에서 작동합니다. Safari에서 CSS를로드 할 수 없습니다. 확인란을 선택하면 div가 높이를 변경하여 표시되도록해야합니다. 사파리가 : 체크 된 psuedo 클래스 또는 무엇을 얻지 못합니까? CSS 코드 : 여기CSS 체크 박스 : 사파리 변경 안함

.the_form_div {background-color:midnightblue;width:400px;padding-left:20px;color:#fff;padding-top:20px;padding-bottom:20px;margin:auto;} 
#the_box {max-height:0;overflow:hidden;} 
input[type=checkbox]:checked ~ #the_box {padding-bottom:200px;}

예 : 여기 http://jsfiddle.net/vF9Ud/

출처

2013-06-07 Ghost Echo

Safari 5.1.9/MacOSX 10.6.8에서 작동 – fcalderan

은 Safari 6.0.4 (8536.29.13) – amirnissim

에서 작동합니다. Safari 4.1.3/MacOSX 10.4.11에서는 작동하지 않습니다. 할까요? – kleinfreund

OP - 나는 사파리의 최신 버전으로 업그레이드하고 내 문제를 해결. 습득 한 교훈 : 브라우저가 항상 최신 CSS인지 확인하십시오!

출처

2013-07-09 13:44:29

CSS 체크 박스 : 사파리 변경 안함

답변

관련 문제