svg-text-selection-fill-only.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-pseudo/svg-text-selection-fill-only.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>CSS Pseudo-Elements Test: ::selection with fill only for SVG </title>

<link rel="author" title="Stephen Chenney" href="mailto:schenney@chromium.org">

<link rel="help" href="https://drafts.csswg.org/css-pseudo/#selectordef-selection">

<meta name="assert" content="Verify that ::selection with only fill specified uses selection fill and originating stroke.">

<link rel="match" href="reference/svg-text-selection-ref.html">

<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />

<script src="support/selections.js"></script>

<style>

  div {

    font: 16px Ahem;

  text {

    fill: red;

    stroke: darkgreen;

  ::selection {

    background-color: transparent; /* Avoid default background color. */

    fill: lightgreen;

</style>

<div>

  <svg width="100" height="60">

    <text x="20" y="20">Text to select</text>

  </svg>

</div>

<script>selectNodeContents(document.querySelector("div"));</script>