<head>
<script>
if (window.testRunner)
testRunner.dumpAsText();
</script>
<style>
#input {
color:purple;
}
#input:enabled {
color:red;
}
#input:disabled {
color:green;
}
</style>
</head>
<body>
<div id="result"></div>
<input id="input" type="hidden"></input>
<script>
var input = document.getElementById("input");
var result = document.getElementById("result");
if (document.defaultView.getComputedStyle(input, null).color == "rgb(255, 0, 0)")
// :enabled
result.innerHTML = "PASSED!";
else if (document.defaultView.getComputedStyle(input, null).color == "rgb(0, 255, 0)")
// :disabled
result.innerHTML = "PASSED!";
else
result.innerHTML = "FAILED! Hidden input types should respond to :enabled and :disabled.";
</script>
</body>