button-author-level-padding-applies.html (816B)
1 <!DOCTYPE html> 2 <title>Author-level CSS padding should apply to buttons 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 <button id="btn"></button> 8 <script> 9 test(() => { 10 let value = "10px"; 11 btn.style.paddingLeft = value; 12 assert_equals(window.getComputedStyle(btn).paddingLeft, value); 13 btn.style.paddingTop = value; 14 assert_equals(window.getComputedStyle(btn).paddingTop, value); 15 btn.style.paddingRight = value; 16 assert_equals(window.getComputedStyle(btn).paddingRight, value); 17 btn.style.paddingBottom = value; 18 assert_equals(window.getComputedStyle(btn).paddingBottom, value); 19 }); 20 </script> 21 </body> 22 </html>