blob: 8bbaf3a36b21764af71958fb855472f74678b08c [file] [log] [blame]
<html>
<head>
<script>
function runTest() {
if (window.testRunner)
testRunner.dumpAsText();
var element = document.getElementById("styled");
var computedColor = window.getComputedStyle(element).backgroundColor;
if (computedColor === "rgb(0, 128, 0)")
document.getElementById("result").textContent = "SUCCESS";
else
document.getElementById("result").textContent = "FAILURE " + computedColor;
}
</script>
<style>
@media {
body { background-color: green; }
.foo background-color: red; }
}
</style>
</head>
<body onload="runTest();" id="styled">
<div>Background should be green.</div>
<div id="result"></div>
</body>