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

标签 html css

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

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

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

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

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

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

我使用的是 IE8 而不是 firefox。

最佳答案

这在 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 .

关于html - 仅将样式设置为选择的选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9870235/

相关文章:

HTML/CSS 弹出窗口淡入淡出

jquery - 向上滑动 <p>

javascript - 无法在 jQuery Mobile 中更改样式

html - 将 div 高度设置为与流体图像高度相同,如果(图像位置 : fixed)

javascript - 不使用 jquery 将 UL LI 转换为 Accordion

html - 我希望我的页眉框阴影覆盖正文部分的顶部

html - 如何强制我的表头行与其他表行的高度相同?

html - <br> 不适用于 <ul> <li> 和 <span>

html - 使用#id 选择器

javascript - 如果宽度 > 420,悬停时移动文本