Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<title>CSS aspect-ratio reference: select elements</title>
<!-- WebKit uses quirky em in user agent sheet for margins of select, avoid it -->
<style>
select {
margin: 0px;
}
</style>
<select style="height: 50px; width: 50px; background: green;">
<option value=""></option>
</select>
<br>
<select style="height: 50px; width: 50px; background: green;">
<option value="">The long text is selected</option>
</select>
<br>
<select style="height: 50px; width: auto; background: green;">
<option value="">The long text is selected</option>
</select>