html - 文本对齐在 Safari 的 'select' 元素中不起作用

Question

我试图通过设置对齐选择元素中的文本:

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;
}

我在谷歌上搜索了一下，看到其他人遇到了这个问题，但无处可寻。谢谢。

Answer 1

它在 PC 上的 safari 5.1.5 中正常运行