gecko/layout/html/tests/style/bugs/bug84400-2.html

78 lines
2.5 KiB
HTML
Raw Normal View History

<?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>
<link rel="help" href="http://www.w3.org/TR/css3-selectors/#enableddisabled"/>
<link rel="help" href="http://whatwg.org/specs/web-forms/current-work/#relation"/>
<style type="text/css">
input, label, object, *.hideme { display: none; }
div { margin-bottom: 1em; }
span, legend { color: lime; background-color: lime; }
*:enabled + span, legend:enabled { background-color: red; }
*:disabled + span, legend:disabled { background-color: red; }
#test + span { background-color: red; }
#test:enabled + 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>
fieldset:
<fieldset class="hideme"><legend>bogus</legend></fieldset> <span>FAIL</span>
<fieldset class="hideme" disabled="disabled"><legend>bogus</legend></fieldset> <span>FAIL</span>
<fieldset class="hideme"><legend disabled="disabled">bogus</legend></fieldset> <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>