Blitz - WPT: appearance-invalidate-author-styling-001.html

wpt / css / css-ui / appearance-invalidate-author-styling-001.html

/css/css-ui/appearance-invalidate-author-styling-001.html

<!DOCTYPE html>
<html class="reftest-wait">
<meta charset="utf-8">
<title>CSS Basic User Interface Test: appearance: menulist</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#appearance-disabling-properties">
<link rel="match" href="appearance-invalidate-author-styling-001-ref.html">
<style>

input { appearance: auto; }

.styled {
  background-image: none;
}

</style>

<input type="text" id="e">

<script>
document.addEventListener("TestRendered", () => {
  requestAnimationFrame(() => {
    requestAnimationFrame(() => {
      document.getElementById("e").classList.add("styled");
      document.documentElement.className = "";
    });
  });
});
</script>

/css/css-ui/appearance-invalidate-author-styling-001-ref.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: appearance: menulist</title>
<link rel="mismatch" href="appearance-invalidate-author-styling-001-notref.html">
<style>

input {
  appearance: none;
  background-image: none;
}

</style>

<input type="text">