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

Question

我的观点中有以下一行：

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

如何定义文本框的宽度？

Answer 1

这对我来说是一次性的，但是非常冗长：

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

Answer 2

可重用的解决方案是在css文件中设置宽度

.wide
{
     width: 300px;
}

然后使用上面的标记设置它

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

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

对我而言，它通过在CSS中为@Html.TextBoxFor添加“输入”来实现：

CSS：

.campoTexto input {
    width: 50px;
}

有关：

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

Answer 6

只需使用＆＃34; TextBoxFor，TextArea＆＃34;等属性。等而不是＆＃34; EditorFor＆＃34; ... 很多人在使用脚手架时，都要通过改变字段 自己或模型中的数据注释，如[DataType(Multiline)]