在 IE 8 中不工作之前的 css

Question

我正在使用 wicket 框架并覆盖 ListMultipleChoice 的 appendOptionHtml 在选择标签下方生成并使用 CSS :before 在选项文本之前放置红色 * 它在 FF 中运行良好，但在 IE 中运行不正常。

CSS:

.required:before {
    content: "*";
    color: #8B2942;
}

HTML:

<select>
 <option class="required" value="0">test1</option>
 <option class="required" value="1">test2</option>
 <option class="required" value="2">test3</option>
</select>

任何人都可以帮忙或以任何其他方式将红色星号添加到我的选项文本中吗？ 我已经尝试了所有 DOCTYPE 仍然无法正常工作。

Answer 1

必需的通知属于选择字段的标签，而不是选项。例如:

.required{color:#8B2942}

<label for="myselect"><span class="required">*</span> Title: </label>
<select id="myselect" name="myselect">
    <option value="1">test1/option>
    <option value="2">test2</option>
    <option value="3">test3</option>
</select>