зеркало из https://github.com/mozilla/pjs.git
78 строки
2.5 KiB
HTML
78 строки
2.5 KiB
HTML
<?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> |