blob: 4c2190c1d6919f47182c6b4cd2d27b87e1b6c9a7 [file] [log] [blame]
<html>
<head>
<title>&lt;textarea&gt; and "readonly"</title>
<style>
textarea:read-only { background:lime }
textarea { background:red }
</style>
<link rel="help" href="http://whatwg.org/specs/web-forms/current-work/#readonly">
<link rel="help" href="http://whatwg.org/specs/web-forms/current-work/#relation">
<script language="JavaScript" type="text/javascript">
function log(message) {
document.getElementById("console").innerHTML += "<li>"+message+"</li>";
}
function test() {
if (window.layoutTestController)
layoutTestController.dumpAsText();
var t = document.getElementById("victim");
if (document.defaultView.getComputedStyle(t, null).getPropertyValue('background-color') == "rgb(0, 255, 0)")
log("SUCCESS");
else
log("FAILURE");
}
</script>
</head>
<body onload="test()">
<p>This test checks for :read-only right behavior. Fails if FAILURE is shown below.</p>
<p><textarea id="victim" readonly></textarea></p>
<hr>
<ol id="console"></ol>
</body>
</html>