custom-highlight-universal-no-named-rule-001.tentative.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-highlight-api/custom-highlight-universal-no-named-rule-001.tentative.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<meta charset="UTF-8">

<title>Custom Highlight: a registered highlight with no named rule paints with the ::highlight(*) style</title>

<link rel="author" href="mailto:seokho@chromium.org">

<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/9091">

<link rel="match" href="custom-highlight-universal-painting-001-ref.html">

<meta name="assert" value="A registered highlight with no ::highlight() rule falls back to the element's ::highlight(*) style when painted.">

<style>

  ::highlight(*) {

    background-color: yellow;

    color: blue;

</style>

<body><span>One </span><span>two </span><span>three…</span>

<script>

  let r = new Range();

  r.setStart(document.body, 0);

  r.setEnd(document.body, 2);

  CSS.highlights.set("bar", new Highlight(r));

</script>