31 lines
1.0 KiB
HTML
31 lines
1.0 KiB
HTML
<html>
|
|
<head>
|
|
<title>required/optional CSS pseudoclasses part 5</title>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<style>
|
|
input:optional { background: lime; }
|
|
input { background: red; }
|
|
input:required { background: red; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<input id="range" type="range" required/>
|
|
<input id="submit" type="submit" required/>
|
|
<input id="image" type="image" required/>
|
|
<input id="reset" type="reset" required/>
|
|
<input id="button" type="button" required/>
|
|
<script language="JavaScript" type="text/javascript">
|
|
function isOptional(id) {
|
|
return document.defaultView.getComputedStyle(document.getElementById(id), null).getPropertyValue('background-color') == "rgb(0, 255, 0)"
|
|
}
|
|
description('This test checks the CSS pseudoclasses for input types.');
|
|
shouldBeTrue('isOptional("range")');
|
|
shouldBeTrue('isOptional("submit")');
|
|
shouldBeTrue('isOptional("image")');
|
|
shouldBeTrue('isOptional("reset")');
|
|
shouldBeTrue('isOptional("button")');
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|