在 <select> 菜单上移动箭头位置答案

【问题标题】：Moving the arrow position on a <select> menu在 <select> 菜单上移动箭头位置
【发布时间】：2012-06-26 06:56:47
【问题描述】：

是否可以使用 CSS 将选择框上的下拉箭头从右向左移动？

【问题讨论】：

【解决方案1】：

编辑：正如我怀疑这也会改变列表中options 的文本方向，所以你不能使用direction。除此之外，除了使用自定义下拉控件之外别无他法。请参阅this question 的答案。我会在下面留下我的原始答案，以供任何好奇的人使用。

~~您应该能够~~使用direction 属性，但我尚未验证这是否适用于浏览器、平台和语言环境：

select { direction: rtl; }

但在使用direction 时要小心，因为spec 建议除了DTD 作者或特殊文档的作者之外的任何人都不要使用它：

由于文本的方向性取决于文档语言的结构和语义，因此在大多数情况下，这些属性应仅由文档类型描述 (DTD) 的设计者或特殊文档的作者使用。如果默认样式表指定了这些属性，则作者和用户不应指定覆盖它们的规则。

【讨论】：