css – 如何将类添加到razor表单并给出填充?

@using (Html.BeginForm())
 {
   @Html.TextBoxFor(m => m.Name,new { @Value = "Name" })
   @Html.TextBoxFor(m => m.Email,new { @Value = "Email" })
   <input type="submit" value="Go" />
  }

我如何添加一个CSS类并添加填充?我有以下css我希望添加尝试填充它一点

.newsletterform
{
    color:black;
    padding-left:20px;
}

解决方法

您可以使用@ class =“className”设置类,但是您必须指定actionName,controllerName,FormMethod,因为没有Html.BeginForm的重载,它只支持设置html属性.
@Html.BeginForm("ActionName","ControllerName",FormMethod.Post,new { @class = "newsletterform" }

您可以创建自己的html帮助程序,也可以为您执行此操作.

更新

这是一个自定义的html助手.

public static class HtmlHelperExtension
{
    public static MvcForm BeginFormWithClassName(this HtmlHelper helper,string cssClassName)
    {
        string controllerName = (string)helper.ViewContext.RouteData.Values["controller"];
        string actionName = (string)helper.ViewContext.RouteData.Values["action"];
        return helper.BeginForm(actionName,new { @class = cssClassName });
    }
}

您可以从您的视图中调用方法.

@using (Html.BeginFormWithClassName("newsletterform"))
{

}

希望这可以帮助

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效