asp.net-mvc-2 - MVC 2 EditorForModel 指定生成输入的宽度

Question

我在 View 中使用 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; }