appearance-auto-non-html-namespace-001.html (660B)
1 <!DOCTYPE html> 2 <title>CSS Basic User Interface Test: appearance: auto on elements in non-HTML namespace</title> 3 <link rel="match" href="nothing-below-ref.html"> 4 <link rel="help" href="https://drafts.csswg.org/css-ui-4/#appearance-switching"> 5 <meta name="assert" content="appearance: auto should have no effect on non-HTML elements."> 6 <style> 7 div * { appearance: auto; display: inline-block; width: 1em; height: 1em; } 8 </style> 9 <p>There should be nothing below:</p> 10 <div id=div></div> 11 <script> 12 for (var tagName of ['button', 'input', 'meter', 'progress', 'select', 'textarea']) { 13 div.appendChild(document.createElementNS('not-html', tagName)); 14 } 15 </script>