<!DOCTYPE html> | |
<meta charset="utf-8"> | |
<title>Forced colors mode - caret-color with system 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-45-ref.html"> | |
<style> | |
div { | |
caret-color: GrayText; | |
} | |
[contenteditable] { | |
outline: none; | |
} | |
</style> | |
<div id="caret" contenteditable>The caret color should remain GrayText</a> | |
<script> | |
window.onload = function() { | |
document.getElementById("caret").focus(); | |
} | |
</script> | |