如何在MVC Html.TextBox上应用css类

Question

我的MVC应用程序中有以下标记。如何将课程应用到我的文本框？

<%= Html.TextBox("username", "", new { maxlength = 50 })%>

Answer 1

<%= Html.TextBox("username", "", new { maxlength = 50, @class = 'your-classname' })%>

然后在你的CSS文件中你将使用这个选择器：

.your-classname { ...css rules here... }

Answer 2

假设输入框的类名是“username”，则使用：

input[type=text].username {
  /* styles here */
}

Answer 3

根据您的代码，我相信Html.TextBox帮助器方法也会自动从名称字段创建一个id：

id="username"

然后，您可以通过CSS访问文本框：

#username {
    /* styles */
}