Установите количество параметров, показанных вэлемент менее 4

Question

< select size="2" multiple>
    < option value="1">1< /option>
    < option value="2">2< /option>
    < option value="3">3< /option>
    < option value="4">4< /option>
    < option value="5">5< /option>
    < option value="6">6< /option>
    < option value="7">7< /option>
    < option value="8">8< /option>
    < option value="9">9< /option>
    < option value="10">10< /option>
    < option value="11">11< /option>
    < option value="12">12< /option>
    < option value="13">13< /option>
< /select>

атрибут размера тега Select не работает должным образом в Safari.

если значение атрибута размера больше четырех, то проблем нет, его работа.Но когда я устанавливаю значение размера меньше четырех, тогда отображаются четыре значения. В приведенном выше примере

отображаются четыре параметра в сафари, но я хочу два варианта.В чем причина этого?

Answer 1

Я не уверен, в чем причина, но вы можете стилизовать элемент, используя height. К сожалению, из-за этого неудобно, чтобы в каждом браузере он выглядел одинаково, хотя приведенный ниже пример выглядит достаточно близко:

http://jsfiddle.net/D7ugW/

Answer 2

использование:

height: calc(2em + 30px);