ua-style-sheet-input-color-1-ref.html (719B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <title>Test for logical properties of input type=color 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 { appearance: none; } 10 11 input[type=color] { 12 padding: 4px; 13 } 14 15 .ltr input[type="color"], 16 .rtl input[type="color"] { 17 width: 64px; 18 height: 32px; 19 } 20 21 .v-rl input[type="color"] { 22 height: 64px; 23 width: 32px; 24 } 25 </style> 26 <div class=ltr> 27 <input type=color><br> 28 <input type=color class=a><br> 29 </div> 30 31 <div class=rtl dir=rtl> 32 <input type=color><br> 33 <input type=color class=a><br> 34 </div> 35 36 <div class=v-rl> 37 <input type=color><br> 38 <input type=color class=a><br> 39 </div>