mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-01 14:45:29 +00:00
30 lines
632 B
HTML
30 lines
632 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
span { color: green }
|
|
:default + span { color: red }
|
|
span.reverse { color: red }
|
|
:default + span.reverse { color: green }
|
|
input { display: none }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<form>
|
|
<div>
|
|
<input type="checkbox" checked="checked" id="foo">
|
|
<span>There should be no red.</span>
|
|
</div>
|
|
<div>
|
|
<input checked="checked" id="bar">
|
|
<span class="reverse">There should be no red.</span>
|
|
</div>
|
|
</form>
|
|
<script>
|
|
var foo = document.body.offsetWidth;
|
|
document.getElementById("foo").removeAttribute("type");
|
|
document.getElementById("bar").setAttribute("type", "checkbox");
|
|
</script>
|
|
</body>
|
|
</html>
|