將<select multiple>元素中顯示的選項數設置爲小於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> 

Safari中的Select標籤的尺寸屬性無法正常工作。

如果size屬性的值大於4，那麼就沒有問題了，它的工作。 但是，當我設置大小值小於四時，它顯示四個值。

上面的例子在safari中顯示了四個選項，但我想要兩個選項。 這是什麼原因？

Answer 1

我不確定原因是什麼，但是您可以使用height來設置元素的樣式。不幸的是，這使得很難得到它看起來在每個瀏覽器一樣，雖然下面的例子看起來很接近：

http://jsfiddle.net/D7ugW/

Answer 2

使用：

height: calc(2em + 30px);