选择方向rtl不适用于Firefox

Question

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

这是我在谷歌浏览器中看到的（正确的）

这就是我对Firefox的看法（错误）

以下是代码和示例：http://jsfiddle.net/nxTTd/65/ ...

我该如何解决？

Answer 1

可以说这些是正确的。他们都做了同样的事情，只是当Chrome将文本固定在左侧时，Firefox会将其固定在右侧。我看到您的<option>元素设置为ltr，因此我可以看到为什么您期望文本的典型ltr行为，但当<select>处于非活动状态时，它似乎在那里＆＃ 39;关于所选<option>的规则是否仍然适用的语义论证。随意浏览相关的RFC，但无论你发现什么，祝你好运说服Mozilla他们弄错了。

我说你有两种选择：不要限制<select>的宽度，在这种情况下，它会扩展以适应文字，或者不使用<select>元素 - 使用<div>，CSS和Javascript构建您想要的内容。这两种解决方案都不是理想的，但实际上我并没有看到一个解决方案。

Answer 2

尝试这样做，只需将宽度设置为自动，然后根据需要相应地对齐文字，从.option_class中删除方向以对齐文字。

.select_class {
 width:auto;
 direction: rtl;
 text-align:left;
 text-overflow: ellipsis;
  }

Answer 3

从 ts te duration 0 2015-11-02 10:07:33 2015-11-02 10:07:52 19.0 1 2015-11-02 11:07:33 2015-11-02 11:08:52 79.0 css。

中删除text-overflow: ellipsis;

Answer 4

@Luca Black请做以下。

.select_class {
    direction: rtl;
    text-align: left;
    text-overflow: ellipsis;
    width: auto;
}

请删除宽度尺寸150px并放入自动。你的问题在firefox浏览器中解决了。