summaryrefslogtreecommitdiffstats
path: root/layout/reftests/bugs/84400-2-ref.html
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>