Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /html/semantics/forms/the-select-element/customizable-select/select-picker-icon-content-none.html - WPT Dashboard Interop Dashboard
<!doctype html>
<html class="reftest-wait">
<link rel="author" href="mailto:wpt@keithcirkel.co.uk" />
<link rel="match" href="select-picker-icon-content-none-ref.html" />
<meta
name="assert"
content="::picker-icon with content:none removes the icon, including after dynamic mutation"
/>
<style>
body {
font-family: monospace;
font-size: 16px;
}
select {
appearance: base-select;
}
select.one::picker-icon {
content: none;
}
.no-gap {
gap: 0; /* TODO: Chrome is inconsistent with gap and content:none */
}
select.two::picker-icon {
content: "";
}
select.hide::picker-icon {
content: none;
}
</style>
<select class="one no-gap">
<option>One</option>
</select>
<select class="two">
<option>One</option>
</select>
<select class="three no-gap">
<option>One</option>
</select>
<script>
requestAnimationFrame(() => {
document.querySelector(".three").classList.add("hide");
document.documentElement.classList.remove("reftest-wait");
});
</script>
</html>