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; 
} 

這樣你就不必理會這些插入樣式屬性到生成的控制。