tor-browser

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

content-none-select-1-ref.html (2170B)

      1 <!doctype html>
      2 <!--
      3     Any copyright is dedicated to the Public Domain.
      4     http://creativecommons.org/publicdomain/zero/1.0/
      5 -->
      6 <html><head>
      7  <meta charset="utf-8">
      8  <title>Reference: content:none on SELECT size=1</title>
      9  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
     10  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
     11  <meta name="flags" content="ahem">
     12  <meta name="timeout" content="long">
     13  <style>
     14 html,body {
     15  color:black; background-color:white; font:4px/1 Ahem; padding:0; margin:0;
     16 }
     17 body {
     18  margin-left: 3ch;
     19 }
     20 * { font:10px/1 Ahem; }
     21 .wrapper {
     22  display: inline-block;
     23  position: relative;
     24  height: 2em;
     25  width: 5em;
     26  border: 1px solid black;
     27  margin: 1px;
     28  vertical-align: top;
     29 }
     30 .wrapper > * {
     31  padding:0; margin:0; border:none;
     32 }
     33 ::marker { content: 'M'; }
     34 .after::after { content: 'A'; }
     35 .before::before { content: 'B'; }
     36  </style>
     37 </head>
     38 <body>
     39 
     40 <script>
     41  document.body.style.display = 'none';
     42 
     43  const display = [
     44    "display:block", "display:inline", "display:ruby", "display:none", "display:grid",
     45    "display:flex", "display:table", "display:list-item", "display:contents",
     46    "columns:2",
     47  ];
     48  const overflow = [
     49    "", "overflow:scroll", "overflow:clip",
     50  ];
     51  const position = [
     52    "", "position:absolute",
     53  ];
     54  const tags = [
     55    "select",
     56  ];
     57  const classes = [
     58    "", "after", "before",
     59  ];
     60  const body = document.body;
     61  for (var d of display) {
     62    for (var o of overflow) {
     63      for (var p of position) {
     64        for (var c of classes) {
     65          for (var t of tags) {
     66            let wrapper = document.createElement("div");
     67            wrapper.className = "wrapper";
     68            let elem = document.createElement(t);
     69            elem.style = d + ';' + o + ';' + p + ';'
     70            elem.className = c;
     71            let option = document.createElement("option");
     72            option.append(document.createTextNode("X"));
     73            elem.append(option);
     74            wrapper.appendChild(elem);
     75            body.append(wrapper);
     76          }
     77        }
     78      }
     79    }
     80  }
     81 
     82  document.body.style.display = '';
     83 </script>
     84 </body>
     85 </html>