blob: 08dc5023476699fde3dc141d9c7069ed608772f1 (
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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
|
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Testing controls that should not match :enabled/:disabled</title>
<style type="text/css">
input, label, object, *.hideme { display: none; }
div { margin-bottom: 1em; }
span, legend { color: lime; background-color: lime; }
#test + span { color: lime; background-color: lime; }
</style>
</head>
<body>
<div>
There should be no red in the following (note: form styling should be enabled).
</div>
<form method="get" action=".">
<div>
Make sure that :default is actually implemented:
<input id="test"/> <span>FAIL</span>
</div>
<div>
label:
<label>bogus</label> <span>FAIL</span>
<label disabled="disabled">bogus</label> <span>FAIL</span>
</div>
<div>
legend:
<fieldset><legend>FAIL</legend></fieldset>
<fieldset><legend disabled="disabled">FAIL</legend></fieldset>
<fieldset disabled="disabled"><legend>FAIL</legend></fieldset>
</div>
<div>
div (inside form):
<div class="hideme">bogus</div> <span>FAIL</span>
<div class="hideme" disabled="disabled">bogus</div> <span>FAIL</span>
</div>
</form>
<div>
div (outside form):
<div class="hideme">bogus</div> <span>FAIL</span>
<div class="hideme" disabled="disabled">bogus</div> <span>FAIL</span>
</div>
<div>
object:
<object>bogus</object> <span>FAIL</span>
<object disabled="disabled">bogus</object> <span>FAIL</span>
</div>
<div>
form:
<form class="hideme" method="get" action="."><p><input/></p></form> <span>FAIL</span>
<form class="hideme" method="get" action="." disabled="disabled"><p><input/></p></form> <span>FAIL</span>
</div>
</body>
</html>
|
