如何在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的作品让我很惊讶。由于这些扩展方法重载了可能需要多个匿名对象的函数，因此很容易无意中使用了错误的对象。

From MSDN，看起来你正在调用这种方法：

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

其中值为：

  

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

因此，值用于填充输入。相反，我认为你想要this extension：

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" })