<html>
<head>
<title>&lt;input type="checkbox"&gt; and "readonly"</title>
<style>
 input:read-only { background:red }
 input { display:none }
</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.testRunner)
            testRunner.dumpAsText();

        var i = document.getElementById("victim");
        if (document.defaultView.getComputedStyle(i, null).getPropertyValue('display') == "none")
            log("SUCCESS");
        else
            log("FAILURE");
    }
</script>
</head>
<body onload="test()">
<p>This test checks for :read-only right behavior on checkboxes. Fails if FAILURE is shown below.</p>
<p><input type="checkbox" id="victim" readonly/></p>
<hr>
<ol id="console"></ol>
</body>
</html>
