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