I want to add some custom attributes to the input generated by @Html.EditorFor, I tried the following:
@Html.EditorFor(model => model.Percent, new { @class = "percent" })
But it just ignores my class, from what I can tell from searching around is that the template doesn't support adding custom attributes.
But how does one create a custom template adding support for the custom attributes, while keeping all the functionality of the old template?
Using jQuery this could be done easily
$("input").addClass("class-name")
Input tag
@Html.EditorFor(model=>model.Name)
For DropDownlist u can use following code
$("select").addClass("class-name")
for Dropdownlist
@Html.DropDownlistFor(model=>model.Name)
Please see the following posts, this question has been asked before on Stackoverflow.
There are many more examples, just Google it.
I hope this helps.
The accepted answer is incorrect.
Html.EditorFor ignores custom css class This behavior is by design.
Try This it works for MVC3
@Html.EditorFor(model => model.Percent)
<style type="text/css">
#Percent
{
width:100%;
}
</style>
