pseudo-classes.html (983B)
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>