<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> |