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-in-page/customizable-select-in-page-appearance.tentative.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<link rel=author href="mailto:jarhar@chromium.org">
<link rel=match href="customizable-select-in-page-appearance-ref.html">
<style>
select {
appearance: base-select;
}
</style>
<select multiple>
<option selected>select multiple</option>
<option>two</option>
<option>three</option>
</select>
<select size=4>
<option selected>select size=4</option>
<option>two</option>
<option>three</option>
</select>
<select size=4 disabled>
<option selected>select disabled</option>
<option>two</option>
<option>three</option>
<option disabled>disabled</option>
</select>
<!-- TODO(crbug.com/407801061): Fix padding and remove this div. -->
<div style="position: absolute; top: 150px">
<select size=4>
<option selected>with disabled option</option>
<option>two</option>
<option>three</option>
<option disabled>disabled</option>
</select>
<select size=4>
<optgroup>
<legend>optgroup</legend>
<option>option in optgroup</option>
</optgroup>
<option>option out of optgroup</option>
</select>
<select size=4>
<optgroup disabled>
<legend>disabled optgroup</legend>
<option>option in optgroup</option>
</optgroup>
<option>option out of optgroup</option>
</select>