如何在Webkit中控制Option元素的高度？

<select>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
</select>

select {
  height: 300px; /* 设置高度 */
}

option {
  height: 50px; /* 设置高度 */
}

var select = document.getElementById("mySelect");
var options = select.getElementsByTagName("option");

for (var i = 0; i < options.length; i++) {
  options[i].style.height = "50px"; /* 设置高度 */
}