Question

我创建了MVC5应用程序，它通过脚手架从我的模型生成视图和控制器目前文本框的默认大小是18个字符，我希望它是 5，我该如何减少文本框的默认大小？

<div class="form-group">
    @Html.LabelFor(model => model.num, new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.EditorFor(model => model.Nun)
        @Html.ValidationMessageFor(model => model.Num)
    </div>
</div>

我用

尝试没有成功

  @Html.EditorFor(model => model.Nun, new { @style = "width: 100px;" })

Answer 1

你不能做的原因

@Html.EditorFor(model => model.Nun, new { style = "width: 100px;" })

是因为EditorFor可能包含多个对象。因此，在您可能正在设置ID和样式的情况下，您可能会将属性应用于可能不正确的内容。

因此，您可以通过多种方式设置框的样式。

这个CSS将为您完成:(您只能使用1行或所有适用的行）

.col-md-10 input                 { width:50px }     /* <input> */    
.col-md-10 input[type=text]      { width:50px }     /* <input type="text"> */
.col-md-10 input[type=password]  { width:50px }     /* <input type="password"> */
.col-md-10 textarea              { width:50px }     /* <textarea> */

例如，<input type="text">的子.col-md-10元素50px将被设置为TextBoxFor宽。

或者您可以使用@Html.TextBoxFor(model => model.Nun, new { style = "width: 50px;" })来添加内联样式：

{{1}}

Answer 2

在模型中对 Nun 属性执行此操作：

[StringLength(6)]
public string Nun {get;set;}

如果你想改变宽度，那么：

@Html.TextBoxFor(model => model.Nun,new {style="width:100px" })

Answer 3

使用TextBoxFor

@Html.TextBoxFor(model => model.Nun, new { @style = "width: 100px;" })

检查LINK。如果您不想使用TextBoxFor而不是EditorFor

在视图中更改文本框大小

3 个答案: