Html 不同颜色的文本在<；选项>；

是否可以使用CSS将此选项中的*涂成红色

<option value="0">Please Make a Selection&nbsp;*</option>

请进行选择*

需要注意的是，不支持子元素，因为它只应包含“文本”。这意味着，如果保持html的有效性，您实际上对样式的控制将非常有限

---

我尝试过的很多方法都没有奏效。请原谅

元素；我想如果写无效标记是可以的，它可能在这种情况下工作（幸运的是它没有）。< /P> < P>添加到其他答案，如果您需要在第一个元素上的红色AsTrIX，考虑它作为选项元素上的背景图像。< /P> < P>不，它不是。 唯一可以设置样式的是option标记，不能/不应该在option中嵌套任何元素

你可以做一些变通办法

• 为星号（*）创建背景图像，并在其周围设置样式

• 使用列表而不是选择或数据列表

---

如果我记得的话，有一个js插件将用ul替换select，用li替换option。从那里可以嵌套一个元素来包装星号并从那里设置样式。同样，你也可以自己写。

你可以这样做。将第一个

选项保留为空，并在其上方放置一些文本

<select name="" id="">
    <option value=""></option>
    <option value="" class="bar">Option 1</option>
</select>

<div id="makeSelection">Please Make a Selection <span>*</span></div>

示例：

当然，您可能需要修改样式。您可能需要将其包装在
div
中，并使用
位置：relative取决于页面的设置方式
 不是这样的。此外，样式设置选项在所有浏览器（如IE）中都不起作用。这通常是通过在选择框旁边加一个星号来处理的，而不是在第一个值选项旁边。我们正在使用msdropdown，它提供了该功能，但不确定如何做。很好。如果是这样的话，那么你应该能够把它的风格完全展现出来。msdropdown将select和option更改为div、span和A。如果在输出完成后查看它，您会注意到现在有ID和类可用于确定所需的目标。肯定有一个选项，必须询问。
select{
    width:200px;
}

div#makeSelection{
    position:absolute;
    top:14px;
    left:15px;
    font-family:arial;
    font-size:13px;
}

div#makeSelection span{
    color:red;
}