84400-2.html (2119B)
1 <?xml version="1.0" encoding="UTF-8"?> 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 3 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 4 <html xmlns="http://www.w3.org/1999/xhtml"> 5 <head> 6 <title>Testing controls that should not match :enabled/:disabled</title> 7 <style type="text/css"> 8 input, label, object, *.hideme { display: none; } 9 div { margin-bottom: 1em; } 10 11 span, legend { color: lime; background-color: lime; } 12 *:enabled + span, legend:enabled { background-color: red; } 13 *:disabled + span, legend:disabled { background-color: red; } 14 15 #test + span { background-color: red; } 16 #test:enabled + span { color: lime; background-color: lime; } 17 </style> 18 </head> 19 <body> 20 <div> 21 There should be no red in the following (note: form styling should be enabled). 22 </div> 23 24 <form method="get" action="."> 25 <div> 26 Make sure that :default is actually implemented: 27 <input id="test"/> <span>FAIL</span> 28 </div> 29 30 <div> 31 label: 32 <label>bogus</label> <span>FAIL</span> 33 <label disabled="disabled">bogus</label> <span>FAIL</span> 34 </div> 35 36 <div> 37 legend: 38 <fieldset><legend>FAIL</legend></fieldset> 39 <fieldset><legend disabled="disabled">FAIL</legend></fieldset> 40 <fieldset disabled="disabled"><legend>FAIL</legend></fieldset> 41 </div> 42 43 <div> 44 div (inside form): 45 <div class="hideme">bogus</div> <span>FAIL</span> 46 <div class="hideme" disabled="disabled">bogus</div> <span>FAIL</span> 47 </div> 48 49 </form> 50 51 <div> 52 div (outside form): 53 <div class="hideme">bogus</div> <span>FAIL</span> 54 <div class="hideme" disabled="disabled">bogus</div> <span>FAIL</span> 55 </div> 56 57 <div> 58 object: 59 <object>bogus</object> <span>FAIL</span> 60 <object disabled="disabled">bogus</object> <span>FAIL</span> 61 </div> 62 63 <div> 64 form: 65 <form class="hideme" method="get" action="."><p><input/></p></form> <span>FAIL</span> 66 <form class="hideme" method="get" action="." disabled="disabled"><p><input/></p></form> <span>FAIL</span> 67 </div> 68 </body> 69 </html>