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

Question

我在视图中使用Html.EditorForModel()为编辑表单生成字段。我还有另一个部分类，我为某些字段（如DisplayName，Range等）指定了一些Data Annotation属性。

当我运行应用程序时，我有为每个字段生成的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; 
} 

这样你就不必理会这些插入样式属性到生成的控制。