MVC3文本框 - 创建自定义宽度

Question

您好我想让文本框的宽度更长。

生成的视图使用@Html.EditorFor，我注意到我无法修改，也无法添加css样式。

所以我检查了TextAreFor并且它可以工作，但它创建了一个滚动条，因为它是一个textarea

e.g。

@Html.TextAreaFor(model => model.Name, new { cols=50, @rows=1 })

如何删除滚动条？所以看起来它是一个文本框？或者是否有另一种方法来生成具有自定义宽度的文本框？

谢谢，

Answer 1

您可以使用TextBoxFor HTML Helper方法生成具有此类自定义类的输入元素

  @Html.TextBoxFor(m => m.Name, new { @class="yourCustomClass" })

现在您可以在此课程中定义自定义样式

.yourCustomClass
{
  width:340px;
}

Answer 2

使用带有以下语句的CSS类：

overflow:hidden

Answer 3

也许

@Html.TextBoxFor(m => m.Name, new { @style="width:150px; height:50px; overflow:hidden;" })