html - Select size attribute size not working in Chrome/Safari?

Question

How to solve problem that select attribute size, like in code:

<select size="2">
    <option value="0" selected="selected">Default</option>
    <option value="1">select 1</option>
    <option value="2">select 2</option>
    <option value="3">select 3</option>
</select>

How can I get it working in Chrome and Safari?

Answer 1

This is a known bug in webkit browsers.

The simplest way to get it to work just how you like it in Chrome and Safari would be to manually specify the styling the select itself.

Here is a working jsFiddle.

select {
  height: 36px;
  font-size: 14px;
}

<select size="2">
  <option value="0" selected="selected">Default</option>
  <option value="1">select 1</option>
  <option value="2">select 2</option>
  <option value="3">select 3</option>
</select>