改变选择输入的方向

Question

在寻找答案后花了一段时间，我来到这里：）

我有一个LTR风格的输入选择。我的意思是下拉箭头显示在右侧。我希望它以“RTL风格”位于左侧。 （我的代表太低了，无法发布图片，对不起）。

<select name="sort" id="sort" onchange="this.form.submit()">
        <option selected="selected" value="featured">Featured Items</option>
        <option value="newest">Newest Items</option>
        <option value="bestselling">Bestselling</option>
        <option value="alphaasc">Alphabetical: A to Z</option>
        <option value="alphadesc">Alphabetical: Z to A</option>
        <option value="avgcustomerreview">Avg. Customer Review</option>
        <option value="priceasc">Price: Low to High</option>
        <option value="pricedesc">Price: High to Low</option>
    </select>

非常感谢！

Answer 1

您可以尝试使用CSS：

select {
    direction: rtl;
}

但是我不确定是基于你的描述。

http://jsfiddle.net/Volter9/d8kgb/

Answer 2

您想要左下方的下拉箭头（默认位于右侧）吗？ 使用这个css：

select { direction: rtl; }