如何在Safari中为选项元素设置默认字体

Question

我正在为具有自定义外观和字体的select样式设置样式，但是该选项继承了Safari中select元素的字体样式，而在Chrome中似乎并非如此。即使我尝试通过CSS覆盖样式，它仍然使用我选择的样式。我该如何解决？

<select>
<option>hello world</option>
</select>

select {
  font: 20px monospace;
  -webkit-appearance: none;
  appearance: none;
}

JSFiddle：http://jsfiddle.net/yw3r5s8g/