asp.net-mvc-4 - @Html.DropDownListFor;如何为DDL中的每一项设置不同的背景颜色？

Question

我有一个下拉列表 (@html.DropDownListFor)，其中我显示了颜色的名称...我想显示具有单独背景颜色的每个项目。例如，“绿色”项目应该在绿色背景中，并且黄色背景中的“黄色”。

我怎样才能做到这一点？

Answer 1

不要忘记，您始终可以在 View 中编写老式的 HTML(天啊!)。

但是，如果您在多个地方使用该代码，则编写一个扩展 DropDownListFor 的帮助程序来创建带有样式的选择。如果你只用过一次，你可以简单地写这样的东西:

<select>
    @foreach (var item in Model.Items)
    {
        <option style="background-color: @item.Color;" value="@item.Value">@item.Text</option>
    }
</select>