asp.net mvc修改视图模型中特定项的CSS

Question

我有一个使用EditorFor()渲染的视图模型,我希望能够在模型中设置特定元素的CSS.例如:

public class BasicIdentification
{
    //Primitive Types
    [Display(Name = "First Name")]
    public String FName { get; set; }

     [Display(Name = "Last  Name")]
    public String LName { get; set; }

}

如果我想为FName和LName设置CSS类,我该怎么做？如何将css"连接"到我的模型.我希望能够使用EditorFor(),它可以按照我想要的方式呈现.

Answer 1

在视图中,默认情况下您会看到类似的内容

<div class="display-label">
    @Html.DisplayNameFor(model => model.LName)
</div>
<div class="display-field">
    @Html.TextBoxFor(model => model.LName)
</div>

要添加CSS类或其他内容,您只需执行此操作即可.

@Html.TextBoxFor(model => model.LName, new { @class="classname" })

class本身是.NET的保留字,所以@class只是意味着使用HTML class属性.