仅将样式设置为select选项

时间:2012-03-26 10:08:59

标签: html css

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

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

因为我的页面是希伯来语,所以我使用方向:rtl到页面。结果我得到的选项显示不正确,如:

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

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

有什么办法可以只将样式设置为选择的选项吗?

我使用的是IE8而不是firefox。

1 个答案:

答案 0 :(得分:1)

这不能在CSS中完成,因为没有要设置规则的元素 - 您希望从左到右处理option元素内容的部分,但是你不能使用该部分的标记。 option元素中不允许使用标记。

因此,需要在字符级别处理问题,使用LEFT-TO-RIGHT MARK和RIGHT-TO-LEFT标记,例如

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

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

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

但我无法判断结果是否合适,因为我无法真正阅读希伯来文。

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