blob: 16ca8a46104d06153b3e9bbd920d3187b0a7fa00 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
<!DOCTYPE html>
<meta charset="utf-8">
<title>
Forced colors mode - forced-colors media query.
Tests that styles defined inside or outside a forced-colors media query are
overridden in forced colors mode.
</title>
<link rel="help" href="https://www.w3.org/TR/css-color-adjust-1/#forced-colors-properties">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
@media (forced-colors) {
p {
color: rgb(0, 0, 255);
}
}
p {
color: rgb(0, 0, 255);
}
</style>
<body>
<p id="p">
This text should NOT be blue forced colors mode.
</p>
</body>
<script>
test(function() {
assert_not_equals(getComputedStyle(p).color, "rgb(0, 0, 255)");
}, "Checks that styles defined inside/outside forced-colors are overridden in forced colors mode.");
</script>
|
