css - CSS 复选框：在 Safari 中检查未更改

Question

代码在 Firefox 和 Chrome 中运行。我无法使用 Safari 加载 CSS。当复选框被选中时，div 应该改变它的高度，让它显示出来。野生动物园没有得到 :checked psuedo 类还是什么？？？代码：

.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/

Answer 1

OP 这里 - 我升级到最新版本的 Safari 并解决了我的问题。经验教训：始终确保您的浏览器是最新的 CSS！