Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /forced-colors-mode/forced-colors-mode-27.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta charset="utf-8">
<title>Forced colors mode - html/head elements.
Tests that the color properties are overridden for html/head elements and not
just for the body.
</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
html {
color: red;
}
head {
color: blue;
}
div {
color: CanvasText;
forced-color-adjust: none;
}
</style>
<div>
The color properties for the head and html elements should get updated in
Forced Colors Mode.
</div>
<script>
var div_color = getComputedStyle(document.querySelector('div')).color;
var html_color = getComputedStyle(document.querySelector('html')).color;
var head_color = getComputedStyle(document.querySelector('head')).color;
test(function(){
assert_equals(html_color, div_color);
assert_equals(head_color, div_color);
}, "Checks that html/head color is overridden to CanvasText.");
</script>