forced-colors-mode-02.html | Explore in Territory

<!DOCTYPE html>
<meta charset="utf-8">
<title>Forced colors mode - style overrides for text.</title>
<link rel="help" href="https://www.w3.org/TR/css-color-adjust-1/#forced-colors-properties">
<link rel=match href="forced-colors-mode-02-ref.html">
<style>
  body {
    background-color: lightblue;
  }
  #a {
    background-color: lightgreen;
    border: 25px solid green;
    box-shadow: 2px 2px purple;
    color: orange;
    forced-color-adjust: auto;
    margin: 25px;
    padding: 25px;
    text-shadow: 1px 1px gray;
    width: 300px;
  }
  #b {
    background-color: lightgreen;
    border: 25px solid green;
    box-shadow: 2px 2px purple;
    color: orange;
    forced-color-adjust: none;
    margin: 25px;
    padding: 25px;
    text-shadow: 1px 1px gray;
    width: 300px;
  }
</style>
<body>
  <div id="a">
    The colors and shadows of this text and text box should be overridden when in
    forced colors mode (forced-color-adjust is set to auto.)
  </div>
  <div id="b">
    The colors and shadows of this text and text box should NOT be overridden when in
    forced colors mode (forced-color-adjust is set to none.)
  </div>
</body>

chromium/third_party/blink/web_tests/external/wpt/forced-colors-mode/forced-colors-mode-02.html