testing/web-platform/tests/css/css-sizing/aspect-ratio/select-element-001-ref.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

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