MVC 2 EditorForModel задает ширину сгенерированного ввода

Question

Я использую Html.EditorForModel() в представлении для создания полей для формы редактирования.У меня также есть другой частичный класс, в котором я указываю некоторые атрибуты аннотации данных для некоторых полей (например, DisplayName, Range и т. Д.).

Когда я запускаю приложение, для каждого поля генерируются вводы HTML.Как я могу указать ширину этих сгенерированных входов?

Примерно так:

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

Answer 1

@ Решение Джерри работает, но оно применимо ко всем входам на странице. Если у вас есть другие входы на странице, которые вы не хотите стилизовать таким образом, вы можете сделать что-то вроде этого:

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

А затем используйте CSS этой формы:

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

EDIT

Если вы хотите установить правила CSS для отдельных полей, вы можете сделать это тоже. Проверьте сгенерированный HTML-код и найдите входные данные id, а затем выполните:

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

Answer 2

используйте CSS:

input
{
    width: 220px;
}

Таким образом, вам не нужно беспокоиться о вставке этих атрибутов стиля в сгенерированные элементы управления.