MVC 2 EditorForModel 指定生成输入的宽度

Question

我在视图中使用 Html.EditorForModel() 来生成编辑表单的字段。我还有另一个部分类，我在其中为某些字段指定一些数据注释属性（如 DisplayName、Range 等）。

当我运行该应用程序时，我为每个字段生成了 HTML 输入。如何指定生成的输入的宽度？

像这样的东西：

<input id="nameTextBox" style="width:220px" name="theName" />

Answer 1

@Gerrie 的解决方案有效，但它适用于页面上的所有输入。如果您不想以这种方式设置页面上的其他输入，那么您可以执行以下操作：

<div id="model-editor">
    <%: Html.EditorForModel() %>
</div>

然后使用以下形式的 CSS：

#model-editor input { width:220px; }

编辑

如果您想设置 CSS 规则对于个别领域，您也可以这样做。检查生成的 HTML 并找到输入的 id，然后执行以下操作：

input[id='YourInputId'] { width:400px; }

Answer 2

使用 CSS：

input
{
    width: 220px;
}

这样您就不必费心将这些样式属性插入到生成的控件中。