tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

marker-display-dynamic-001.html (821B)

      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 <title>CSS Test: ::marker is created dynamically properly</title>
      4 <link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
      5 <link rel="author" title="Mozilla" href="https://mozilla.org">
      6 <link rel="match" href="marker-color-ref.html">
      7 <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#marker-pseudo">
      8 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1538589">
      9 <style>
     10 li {
     11  color: green;
     12  font-size: 40px;
     13  list-style-type: square;
     14 }
     15 ::marker {
     16  display: none;
     17 }
     18 .tweak::marker {
     19  display: initial;
     20 }
     21 </style>
     22 <ol>
     23    <li><!-- The list marker should be a green square.--></li>
     24 </ol>
     25 <script>
     26  onload = function() {
     27    let li = document.querySelector("li");
     28    li.offsetTop;
     29    li.classList.add("tweak");
     30  }
     31 </script>