html - 选择方向 rtl 在 Firefox 上不起作用

Question

我想做一个从右到左打开的选择。

这是我在 Google Chrome 上看到的(正确)

这就是我用 Firefox 得到的结果(错误)

这是代码和示例:http://jsfiddle.net/nxTTd/65/ ...

我该如何解决？

Answer 1

这其中哪一个是正确的是有争议的。他们都在做同样的事情，除了 Chrome 将文本锚定在左侧，而 Firefox 将其锚定在右侧。我看到你的 <option>元素设置为 ltr所以我明白为什么你会期望文本的典型 ltr 行为，但是当 <select>处于非事件状态似乎存在关于所选 <option> 的规则是否存在的语义争论仍然适用。随意浏览相关的 RFC，但无论您找到什么，祝您好运，说服 Mozilla 他们弄错了。

我会说你有两个选择:不要限制 <select> 的宽度在这种情况下，它将扩展以适合文本，或者不使用 <select>元素 - 用 <div> 构建你想要的s、CSS 和 Javascript。也许这两种解决方案都不是理想的，但老实说，我没有看到理想的解决方案。