asp.net-mvc-3 - 如何在 asp.net mvc 3 中设置文本框的宽度？

Question

如何在 asp.net mvc 3 中设置文本框的宽度？这不起作用：

@Html.TextBox("Name", new { style = "width:500px" })

Answer 1

试试这个，这应该工作..

@Html.TextBox("Name", new { @class= "mySize" })

.mySize
{
     width: 500px;
}

同样在您的代码中，尝试添加一个分号，看看是否有效，像这样

@Html.TextBox("Name", new { style = "width:500px;" })

Answer 2

我很惊讶@Yasser 作品给出的答案。由于这些扩展方法重载了可以接受多个匿名对象的函数，因此很容易在不经意间使用错误的对象。

从 MSDN，看起来您正在调用此方法：

public static MvcHtmlString TextBox(
this HtmlHelper htmlHelper,
string name,
Object value)

其中值是：

文本输入元素的值。如果此值为 null，则从 ViewDataDictionary 对象中检索元素的值。如果那里不存在值，则从 ModelStateDictionary 对象中检索该值。

因此 value 用于填充输入。相反，我认为你想要这个扩展：

public static MvcHtmlString TextBox(
this HtmlHelper htmlHelper,
string name,
Object value,
Object htmlAttributes)

然后，像这样使用它（传递 null 作为值）将内联样式添加到标记中：

@Html.TextBox("Name", null, new { style = "width:500px;" })

或者：

@Html.TextBox("Name", null, new { @class = "myStyle" })