layout/reftests/forms/input/number/pseudo-classes.html

   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>Test pseudo-classes on number controls</title>
   9   <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1250315">
  10   <link rel="help" href="https://drafts.csswg.org/selectors-4/#rw-pseudos">
  11   <link rel="match" href="about:blank">
  12   <style type="text/css">
  13 body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
  14
  15 #t1:read-only { display:none; }
  16 #t1:read-write { display:block; }
  17
  18 #t2:read-write { display:none; }
  19 #t2:read-only { display:block; }
  20
  21 #t3:disabled { display:none; }
  22 #t3:enabled { display:block; }
  23
  24 #t4:enabled { display:none; }
  25 #t4:disabled { display:block; }
  26
  27   </style>
  28 </head>
  29 <body>
  30
  31 <input id=t1 type=number readonly>
  32 <input id=t2 type=number>
  33 <input id=t3 type=number disabled>
  34 <input id=t4 type=number>
  35
  36 </body>
  37 </html>