css实现checked禁用

html-css029

css实现checked禁用,第1张

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

在html 中的一种简单的写法。如下:

点击事件执行JavaScript的脚本。如下:

当您遇到一些场景,只需展示时,并且不允许用户点击,您可以用css来控制,这是一种改动量最小,并且不会影响其他的操作;具体写法如下:

table {display:none}

于是,所有TABLE都不能显示了。

我没有权限修改源码,只有一个办法了,就是找一个不支持CSS的浏览器。有两种办法,一是禁止IE执行CSS,二是找一个不支持CSS的浏览器。

第一种办法正是我要问的,第二种办法我尝试了一下,找到一个国产内核的浏览器iTeminal。iTeminal还真不支持那段危险代码,可是只能显示不能登录。

麻烦高手来解决这个问题吧,具体思路还是禁止IE执行CSS。我想,对于一些有黑客经验的人,应该不是难事。

之后在Web Developer工具栏中你能找到这个:

无CSS错误-禁用样式-所有样式(Ctrl+Shift+S)点击这个。