样式化HTML助手ASP.NET MVC

Dan*_*Dan 22 css asp.net-mvc html-helper

如果我有这样的HTML帮助:

Name:<br />
<%=Html.TextBox("txtName",20) %><br />
Run Code Online (Sandbox Code Playgroud)

如何应用CSS类?我是否必须将其包裹在一个范围内?或者我是否需要以某种方式利用帮助程序的HtmlAttributes属性?

Dal*_*gan 37

您可以将其作为参数传递给TextBox调用.

Name:<br/>    
<%= Html.TextBox("txtName", "20", new { @class = "hello" }) %>
Run Code Online (Sandbox Code Playgroud)

该行将创建一个值为20的文本框,并为类属性分配值hello.我把@字符放在了类的前面,因为class是一个保留的关键字.如果要添加其他属性,只需使用逗号分隔键/值对.


JGi*_*tin 9

这是如何在同一元素上添加类和样式...

"x"是传递给具有TextBoxID属性的视图的模型

@Html.TextBoxFor(x => x.TextBoxID, new { @class = "SearchBarSelect", style = "width: 20px; background-color: green;" })
Run Code Online (Sandbox Code Playgroud)