css怎么禁用或删除某个选择器

html-css010

css怎么禁用或删除某个选择器,第1张

你好,css是不能禁用或者删除选择器的。

但按钮是可以通过 disable 属性禁用的。

css可以控制显示或者隐藏某个选择器 / 元素。用的是 display:block / display:none。

若你想删除某个元素,可以用 remove()函数。

希望我的回答能够帮到您~

你说的是禁用属性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>

步骤:

1. 为Chrome安装Web Developer扩展。

2. 打开该扩展,选择CSS选项卡下的Disable All Styles禁用所有CSS,选择Disable Browser Default Styles禁用浏览器默认提供的CSS。