HTML选择和选项混合方向（ltr和rtl）

Question

我有一个选择框，我想右对齐，但我想保持选项下拉框与左对齐。像这样：

<select>
  <option>item</option>
</select>

和CSS：

select { direction: rtl; }
option { direction: ltr; }

但是，设置选择标记的方向也可以设置选择下拉菜单的方向。看这里

这有可能吗？我知道我可以替代地使用js构建自定义选择功能，但我想尽可能简化它。

Answer 1

direction: rtl;不完全是文本对齐。或者准确地说，文本对齐是方向的副作用。请注意，方向也会影响设置中下拉箭头的位置。

传统浏览器不允许您设置选择元素的样式（它在不同平台上看起来有很大不同，尤其是移动设备）。

在Sciter中，您可以单独设置<select>各个部分的样式，因为选择组件是其中的普通 DOM 元素：

select > caption { text-align:right; } 
select > button { ... } 
select > popup > option { text-align:left; } 

我使之成为可能，因为 Sciter 是专门为桌面 UI 设计的，并且<select>样式是必须的。

作为纯网页的解决方案，我建议使用http://getbootstrap.com/components/#btn-dropdowns<select>等替代品