как применить css к подкласу disabled
Добрый день подскажите как применить css к подкласу disabled
есть checkbox с кнопкой надо применить свои css пример: когда не включен чекбокс кнопка белая, когда же включен кнопка желтая когда наведен курсор кнопка зеленая
<html>
<head>
<title></title>
<style type="text/css">
.disabled{background:#fff;}
.activ{background:#FFFF00;}
.activ a:hover {background:#00FF00;}
</style>
<script>
function a() {
if (document.getElementById("tb1").checked) {
document.getElementById("tbnum").disabled = false;
}
else {
document.getElementById("tbnum").disabled = true;
}
}
</script>
</head>
<body>
<input type="checkbox" value="asd" id="tb1" onClick="a()">
<input class="activ" type="button" value="Продолжить" id="tbnum" onclick="document.location='anketa.html'" />
<script>window.onload = a;</script>
</body>
</html>
|