为什么浏览器把我css3属性禁用了

html-css043

为什么浏览器把我css3属性禁用了,第1张

目前这个属性只有Chrome和Safari浏览器支持，其他浏览器中是无效的。

如果你在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>