Question

在使用android选择字段时，我在选择弹出窗口中发现了RTL文本的一个问题。如果文本以英文字符开头，则选择弹出窗口中的文本将不会应用rtl样式。 Example 如您所见，第一个和第三个选项在没有rtl样式的情况下显示。看起来，弹出窗口中文本的方向取决于选项标签中的字符。

在桌面浏览器选择字段上正确显示所有选项。

我尝试了其他方法，例如：

unicode-bidi：bidi-override;风格
选择或选项的dir属性

但他们所有人都没有帮我解决这个问题。

chrome是否有一些选项可以强制弹出窗口中的选择字段的rtl样式？移动浏览器的这种行为是否正常？

Chrome版本：43.0.2490.76

示例代码：

HTML

<div class="dropdown">
    <select>
        <option value="0">A اختر</option>
        <option value="1">ذكر C</option>
        <option value="2">A أثنى</option>
    </select>
</div>

的CSS

.dropdown {
    direction: rtl;
}

select{
    width:125px;
    float:left;
}

您可以看到此示例：https://jsfiddle.net/f2p0pjxc/

由于

Answer 1

我想你想要这个：

.dropdown {
    direction: rtl;
    text-align: right;
}

select{
    width:125px;
    float:left;
}

<div class="dropdown">
    <select>
        <option value="0">A اختر</option>
        <option value="1">C ذكر</option>
        <option value="2">A أثنى</option>
    </select>
</div>

Android Chrome浏览器。选择弹出窗口文本方向不正确

1 个答案: