| <!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> |