使用Safari在“select”元素中无法使用文本对齐方式

Question

我正在尝试通过设置：

来对齐select元素中的文本

text-align:right;
direction:rtl;

不知何故，它与iPad2上的所有浏览器一起使用，包括FF，IE，Chrome和Safari。在iPhone和PC上使用Safari时，它与左侧对齐，无法更改。

这是HTML：

<div class="field">
    <select>
        <option value="6" selected="selected">אישה מחפשת גבר</option>
        <option value="9">גבר מחפש אישה</option>
        <option value="10">אישה מחפשת אישה</option>
        <option value="5">גבר מחפש גבר</option>
    </select>
</div>

CSS：

.field select {
    text-align:right;
    direction:rtl;
}

我用Google搜索了一下，看到其他人遇到了这个问题并且无处可寻。感谢。

Answer 1

它在PC上的safari 5.1.5中正常工作