将 <select> <option> 的文本右对齐 [重复]答案

【问题标题】：Align text of <select> <option> to the right [duplicate]将 <select> <option> 的文本右对齐 [重复]
【发布时间】：2015-05-01 19:09:06
【问题描述】：

出人意料

<select>
   <option>Text</option>
</select>

option {
    text-align: right;
}

不起作用，我正在寻找实现此目的的解决方案。我知道这是一个小问题，但我不知道为什么它不起作用

【问题讨论】：

【解决方案1】：

尝试使用direction 属性并使用从右到左的方向，即rtl

<select dir="rtl">
    <option>Text</option>
</select>

更新：如果您想将箭头图标保持在右侧并且选项对齐right，那么您可以将属性设置为option 而不是select

option{
    direction:rtl;
}

【讨论】：

有效，虽然它也将选择按钮移动到对面（左侧），因为我希望文本与其对齐。
@Ilja。我已经更新了帖子。请看一下，让我知道它是否适合您
不安静，它在展开时将选项列表向右对齐，但我在这里想要实现的只是将文本移动到右侧，所以在更新的示例中 jsfiddle.net/f39v7fyp/3 看看有什么文本右侧有很多空格？我希望这个空白出现在左边。