使用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

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