html - 仅将样式设置为选择的选项

Question

我有一个选择，它的选项包含希伯来语和英语文本。例如:

<select>
    <option value="1">(J9J) AMCKDPR ללא הגבלה IAPPLE</option>
    <option value="2">(B0A) MICROSOFT-עם הגבלה</option>
</select>

因为我的页面是希伯来语，所以我在页面上使用 direction:rtl。结果我得到的选项显示不正确，比如:

IDIGITAL ללא הגבלה R9K) MICROUSIM)

如果我将整个选择的方向更改为 ltr，我会得到右侧选择的箭头 - 这不太好。

有什么方法可以只为选择的选项设置样式吗？

我使用的是 IE8 而不是 firefox。

Answer 1

这在 CSS 中是做不到的，因为没有元素可以设置规则——您希望 option 元素内容的部分被处理为 left-to-是的，但是您不能对该部分使用标记。 option 元素内不允许有任何标记。

因此，需要在字符级别处理这个问题，使用LEFT-TO-RIGHT MARK和RIGHT-TO-LEFT mark，例如

<option value="1">&lrm;(J9J) AMCKDPR &rlm;ללא הגבלה IAPPLE</option>

我不确定如何将这个想法应用到第二个 option 元素；也许就是这样:

<option value="2">&lrm;(B0A) MICROSOFT-עם הגבלה</option>

但我无法判断结果是否正常，因为我看不懂希伯来语。

查看 Authoring HTML: Handling Right-to-left Scripts .