DropDownList：设置未选择的样式

Question

我们在各种MVC3用户数据输入表单中使用Html.DropDownList和其他控件。

当用户正在编辑记录数据值并且他们没有为DropDownList指定值时，输入字段中会显示“Select One”的optionLabel文本。

我们希望最终用户在查看数据屏幕时更明显，“选择一个”不是数据值，而是以不同的字体颜色显示（蓝色？）和用斜体字。

有没有人想过如何简单地实现这个目标？

Answer 1

如果需要DropDownList ...只需使用某种标准红色“（*）”将该字段标记为需要。如果用户提交表单，则客户端验证将显示消息，告知用户该字段是必需的。

Answer 2

<select> HTML元素的自定义级别非常有限。 IIRC你可以改变颜色，但我不确定你能用斜体显示它：

@Html.DropDownListFor(
    x => x.Foo, 
    Model.Foos, 
    "-- select a foo --", 
    new { @class = "foo" }
)

然后在CSS文件中定义.foo规则：

.foo option:first-child {
    color: red;
}

如果您想要对标准<select>元素的外观进行更多自定义，可以查看一些available jQuery plugins。