如何将自定义数据属性和类添加到`@Html.EditorFor`？答案

【问题标题】：How to add custom data attributes and classes to `@Html.EditorFor`?如何将自定义数据属性和类添加到`@Html.EditorFor`？
【发布时间】：2013-07-18 12:38:17
【问题描述】：

我想给@Html.EditorFor生成的input添加一些自定义属性，我尝试了以下：

@Html.EditorFor(model => model.Percent, new { @class = "percent" })

但它只是忽略了我的类，从四处搜索可以看出该模板不支持添加自定义属性。

但是如何创建自定义模板以添加对自定义属性的支持，同时保留旧模板的所有功能？

【问题讨论】：

Set the class attribute to Html.EditorFor in ASP.NET MVC Razor View的可能重复

标签： asp.net-mvc asp.net-mvc-4 html-helper razor-2

【解决方案1】：

使用jQuery可以轻松完成

$("input").addClass("class-name")

输入标签

@Html.EditorFor(model=>model.Name)

对于 DropDownlist，您可以使用以下代码

$("select").addClass("class-name")

对于下拉列表

@Html.DropDownlistFor(model=>model.Name)

【讨论】：

【解决方案2】：

请看下面的帖子，这个问题之前在 Stackoverflow 上被问过。

还有很多例子，就Google吧。

我希望这会有所帮助。

【讨论】：

【解决方案3】：

接受的答案不正确。

Html.EditorFor 忽略自定义 css 类此行为是设计使然。

http://aspnetwebstack.codeplex.com/workitem/223

【讨论】：

【解决方案4】：

试试这个它适用于 MVC3

@Html.EditorFor(model => model.Percent)

<style type="text/css">

#Percent
{

   width:100%;

}

</style>

【讨论】：