select-author-level-padding-applies.html (851B)
1 <!DOCTYPE html> 2 <title>Author-level CSS padding should apply to select controls with native appearance</title> 3 <link rel="help" href="https://drafts.csswg.org/css-ui-4/#appearance-switching"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <body> 7 <select id="select"></select> 8 <script> 9 test(() => { 10 let value = "10px"; 11 select.style.paddingLeft = value; 12 assert_equals(window.getComputedStyle(select).paddingLeft, value); 13 select.style.paddingTop = value; 14 assert_equals(window.getComputedStyle(select).paddingTop, value); 15 select.style.paddingRight = value; 16 assert_equals(window.getComputedStyle(select).paddingRight, value); 17 select.style.paddingBottom = value; 18 assert_equals(window.getComputedStyle(select).paddingBottom, value); 19 }); 20 </script> 21 </body> 22 </html>