ua-style-sheet-button-1a-ref.html (1724B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <title>Test for logical properties of button in the UA stylesheet</title> 4 <style> 5 :root { color-scheme: light } 6 7 .v-rl { writing-mode: vertical-rl; } 8 .ltr, .rtl, .v-rl { border: 1px solid blue; } 9 .a { -moz-appearance: none; } 10 11 .ltr button, 12 .rtl button, 13 .ltr input[type="button"], 14 .rtl input[type="button"] { 15 padding: 1px 8px; 16 } 17 18 .v-rl button, 19 .v-rl input[type="button"] { 20 padding: 8px 1px; 21 } 22 23 .ltr button, 24 .rtl button, 25 .ltr input[type="button"], 26 .rtl input[type="button"] { 27 padding: 1px 4px; 28 } 29 30 .v-rl button, 31 .v-rl input[type="button"] { 32 padding: 4px 1px; 33 } 34 </style> 35 <div class=ltr> 36 <button>one</button><br> 37 <button class=a>two</button><br> 38 <button disabled>three</button><br> 39 <button class=a disabled>four</button><br> 40 <input type="button" value="five"><br> 41 <input type="button" value="six" class=a><br> 42 <input type="button" value="seven" disabled><br> 43 <input type="button" value="eight" class=a disabled><br> 44 </div> 45 46 <div class=rtl dir=rtl> 47 <button>one</button><br> 48 <button class=a>two</button><br> 49 <button disabled>three</button><br> 50 <button class=a disabled>four</button><br> 51 <input type="button" value="five"><br> 52 <input type="button" value="six" class=a><br> 53 <input type="button" value="seven" disabled><br> 54 <input type="button" value="eight" class=a disabled><br> 55 </div> 56 57 <div class=v-rl> 58 <button>one</button><br> 59 <button class=a>two</button><br> 60 <button disabled>three</button><br> 61 <button class=a disabled>four</button><br> 62 <input type="button" value="five"><br> 63 <input type="button" value="six" class=a><br> 64 <input type="button" value="seven" disabled><br> 65 <input type="button" value="eight" class=a disabled><br> 66 </div>