如果你在Chrome中也是没效果，那么我们要看到相对完整的html+css代码才能知道原因。
你说的是禁用属性disabled，控制这个是用javascript控制checkbox的disabled属性。CSS只是修改外观<html>
<head>
<title>TEST</title>
<script>
function disableCheckBox(checkboxid,option){
var checker=document.getElementById(checkboxid)
var checkerbox=checker.parentNode
if(option==true){
checker.disabled=true
checkerbox.className="disabledchecker"//修改CSS
}else{
checker.disabled=false
checkerbox.className="enabledchecker"
}
}
</script>
<style>
.enabledchecker{ font-weight:bold}
.disabledchecker{ text-decoration:line-through}
</style>
</head>
<body>
<label><input type="checkbox" name="ctrl" onClick="disableCheckBox('checker',this.checked)" />Disable the checkbox below</label><br />
<label class="enabledchecker"><input type="checkbox" id="checker" name="checker"/>Checker</label>
</body>
</html>
