wpt / css / selectors / caret-color-visited-inheritance.html

Status: PASS | Duration: 6ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/selectors/caret-color-visited-inheritance.html

<!DOCTYPE html>
<meta charset="utf-8">
<link rel="author" title="Divyansh Mangal" href="mailto:dmangal@microsoft.com">
<link rel="match" href="caret-color-visited-inheritance-ref.html">
<link rel="help" href="https://developer.mozilla.org/en-US/docs/Web/CSS/Privacy_and_the_:visited_selector">
<style>
  :root {
    font-size: 50px;
    caret-color: orange;
  }
[contenteditable] {
    outline: none;
  }
</style>
<main>
<a id="link" contenteditable href="">link</a>
</main>
<script>
  window.onload = function() {
    document.getElementById("link").focus();
  }
</script>

/css/selectors/caret-color-visited-inheritance-ref.html

<!DOCTYPE html>
<meta charset="utf-8">
<link rel="author" title="Divyansh Mangal" href="mailto:dmangal@microsoft.com">
<link rel="help" href="https://developer.mozilla.org/en-US/docs/Web/CSS/Privacy_and_the_:visited_selector">
<style>
  :root {
    font-size: 50px;
    caret-color: orange;
  }
[contenteditable] {
    outline: none;
  }
</style>
<main>
<a id="link" style="caret-color:orange;" contenteditable href="">link</a>
</main>
<script>
  window.onload = function() {
    document.getElementById("link").focus();
  }
</script>