更改选择输入的方向

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