DropDownList: стиль невыбранного выбора

Question

Мы используем Html.DropDownList и другие элементы управления в различных формах ввода пользовательских данных MVC3.

Когда пользователь редактирует значения данных записей, и они не указали значения для DropDownList, тогда текст optionLabel 'Select One' отображается в поле ввода.

Мы хотели бы сделать для конечного пользователя более очевидным, когда он просматривает экран данных, что «Выбрать один» не является значением данных, показывая его другим шрифтом (синим цветом) и курсивом.

У кого-нибудь есть идеи, как этого добиться?

Answer 1

Уровень настройки HTML-элемента <select> довольно ограничен.IIRC вы можете изменить цвет, но я не уверен, что вы можете показать его курсивом:

@Html.DropDownListFor(
    x => x.Foo, 
    Model.Foos, 
    "-- select a foo --", 
    new { @class = "foo" }
)

и затем в своем файле CSS определите правило .foo:

.foo option:first-child {
    color: red;
}

Если вы хотите больше настроек внешнего вида стандартного элемента <select>, вы можете взглянуть на некоторые из доступных плагинов jQuery .

Answer 2

Если требуется DropDownList ... просто пометьте это поле как обязательное, используя каким-то стандартным красным "(*)". Если пользователь отправит форму, проверка на стороне клиента отобразит сообщение о том, что это поле обязательно для заполнения.