Safari浏览器：在<select>标签右侧设置<option> text align </select> </option>

Question

如何设置选择标签的文字方向对吗？

<select style="direction:rtl;text-align:right">
    <option value="" selected="">همه</option>
    <option value="1">راهبر سيستم</option>
    <option value="0">عادی</option>
</select>

的jsfiddle： http://jsfiddle.net/CHg8v/

重复问题中的解决方案并未涵盖我的问题：

text-align: right on <select> or <option>

更新：我在Windows中使用safari 5.1。

text-align:-webkit-right在safari 5.1 for windows中不起作用

Answer 1

Safari在<Select>属性text-align:right的{​​{1}}选项中遇到问题（错误）。请查看以下链接以获取错误报告： -

- ＆GT; https://bugs.webkit.org/show_bug.cgi?format=multiple&id=19785

除此之外，我还发现很多论坛报告了这个问题，然后检查一下： -

- ＆GT; http://csscreator.com/node/32981

- ＆GT; http://css-tricks.com/forums/topic/aligning-select-box-options-to-the-right-in-safari/

- ＆GT; http://hintsforums.macworld.com/showthread.php?t=107502

您可以通过谷歌获取有关此错误的更多信息，

在safari路线图（实施）中，我没有听到任何有关此错误/问题的解决方案。

Answer 2

使用此：.classNameOfYourSelect输入[type = option] {样式你想在这里添加}。 通过这种方式，您只需编辑具有您将在括号内写入的特定css的Option元素，如颜色，背景颜色和您想要的任何内容。

Answer 3

试试这个 text-align:-webkit-right