HTML选择和选项混合方向(ltr&rtl)

2019年8月4日 362次阅读

我有一个选择框,我想要向右对齐,但我想保持选项下拉对齐到左边.像这样：

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

而CSS：

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

但是,设置选择标记的方向也会设置选择下拉菜单的方向.见here

这甚至可能吗？我知道,作为替代方案,我可以使用js构建自定义选择功能,但是如果可以的话,我想保持简单.

最佳答案 方向：rtl;不完全是文本对齐.或者准确地说,文本对齐是方向的副作用.请注意,方向也会影响设置中下拉箭头的位置.

传统浏览器不允许您设置样式选择元素(它在不同平台上看起来有很大不同,尤其是移动设备).

在Sciter中,您可以设置样式< select>作为选择组件的单独部分是正常的DOM元素：

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

我已经实现了Sciter专为桌面用户界面和< select>而设计的可能性.造型是必须的.

作为普通网页的解决方案,我建议使用< select>替补像http://getbootstrap.com/components/#btn-dropdowns

点赞