html - 中不同颜色的文本

Question

是否可以使用 CSS 将此选项中的 * 着色为红色？

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

Answer 1

你可以这样做。将第一个 选项 留空，在其上放置一些文本。

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

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

CSS

select{
    width:200px;
}

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

div#makeSelection span{
    color:red;
}

示例: http://jsfiddle.net/TqpMS/

当然，您可能需要修改样式。您可能需要将它包装在一个 div 中，并带有 position:relative;，具体取决于您的页面设置方式。