@ Html.Password不参加bootstrap课程

Question

我有以下剃刀代码用于显示文本框和密码

 @Html.EditorFor(model => model.LoginName, new { htmlAttributes = new { @class = "form-control" } })

 @Html.PasswordFor(model => model.LoginPassword, new { htmlAttributes = new { @class = "form-control" } })

但是,渲染时,文本框的外观与密码文本框不同.为什么两个班级相同？

上面两行之间没有任何css参考,所以对这种不一致感到疑惑.

有人遇到过这个问题吗？我不想为密码文本框写一个自定义的CSS,它看起来像用户名文本框.

谢谢

Answer 1

将您的语法更改为@Html.PasswordFor我在下面显示的内容,它将正确应用您的课程.

@Html.EditorFor(model => model.LoginName, new { htmlAttributes = new { @class = "form-control" } })

@Html.PasswordFor(model => model.LoginPassword, new { @class = "form-control" })

原因是第二个论据EditorFor是object additionalViewData,其中的第二个参数PasswordFor是object htmlAttributes.