blob: 3af80a73d30dad7532b2d5137c4560848277d6e0 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
<!doctype html>
<style>
fieldset:invalid {
border: 10px solid red;
}
fieldset:valid {
border: 10px solid green;
}
input.foo {
color: green;
}
</style>
<div>
<fieldset id="fieldset">
<div id="ancestor">
<input type="text" id="requiredInput" required>
<input type="text" id="other">
</div>
</fieldset>
</div>
<script>
window.onload = function() {
other.classList.add('foo');
ancestor.remove();
};
</script>
|