Синтаксис Razor / WebMatrix — C#

#c# #asp.net #css #razor #webmatrix

#c# #asp.net #css #razor #webmatrix

Вопрос:

Я только начинаю работать с WebMatrix и хотел бы знать, как оформить элемент управления @Html.TextBox("email") and @Html.Password("password") ?

Я пробовал (в моем файле CSS):

 .email{
   /* styles here */
}

.password{
   /* styles here */
}
  

Но это вообще не имеет никакого эффекта. Как мы можем стилизовать эти типы элементов управления?

Ответ №1:

Вы можете указать, какой класс использовать при создании текстового поля с анонимным типом, например так: @Html.TextBox("Email", null, new { @class="email" })

Комментарии:

1. Я должен был упомянуть, что анонимный тип может содержать любые атрибуты, которые вы хотите добавить к элементу при его создании. Не просто класс. Например: @Html.TextBox(«Электронная почта», новое { ширина= «150 пикселей», высота = «50 пикселей» })

2. @Html.TextBox(«электронная почта», new { @class=»электронная почта»}) не работает. Вместо применения стилей значение текстового поля становится: { class=email }

3. Извините за это, думал о строго типизированном помощнике. Вместо этого попробуйте @Html.TextBox(«Email», null, new { @class=»email» }). Второй параметр — это то, что заполняет значение textboxs.

4. Нет проблем, извините за путаницу!