<!DOCTYPE html>
<meta charset="utf-8">
<title>Forced colors mode - caret-color.</title>
<link rel="help" href="https://www.w3.org/TR/css-color-adjust-1/#forced-colors-properties">
<link rel=match href="forced-colors-mode-43-ref.html">
<style>
  div {
    caret-color: red;
  }
  [contenteditable] {
    outline: none;
  }
</style>
<div id="caret" contenteditable>The caret color should be overridden to currentColor</a>
<script>
  window.onload = function() {
    document.getElementById("caret").focus();
  }
</script>