如何使用Html.TextBoxFor设置文本框的宽度

我的观点如下：

<div class="editor-field"> <%= Html.TextBoxFor(m => m.Description)%> </div> 

如何定义文本框的宽度？

Answer 1

可重用的解决scheme是在你的CSS文件中设置宽度

 .wide { width: 300px; } 

然后使用上面的标记进行设置

 <%= Html.TextBoxFor(m => m.Description, new { @class= "wide" })%> 

Answer 2

这对我来说是一次性的，但相当冗长：

 <%: Html.TextBoxFor(m => m.Description, new { style="width:50px;" })%> 

Answer 3

您可以将其附加为属性。 尝试这个：

 <div class="editor-field"> <%= Html.TextBoxFor(m => m.Description, new { style = "width:20em;" })%> </div> 

Answer 4

你也可以这样做

  @Html.TextBoxFor(model => model.Email, new Dictionary<string, object>() { { "readonly", "true" }, { "style", "width:250px;" } }) 

Answer 5

对我来说，它通过在@ Html.TextBoxFor CSS添加“input”工作：

CSS：

 .campoTexto input { width: 50px; } 

对于：

 <div class="campoTexto"> @Html.TextBoxFor(model => model.nombre) </div> 

Answer 6

只需使用像“TextBoxFor，TextArea”等属性而不是“EditorFor”…很多人在使用脚手架时，必须自己改变字段或者像[DataType(Multiline)]这样的模型中的数据注释