Текст метки Postfix с двоеточием
Я использую ASP.NET MVC 3. Для моих форм я выравниваю текст меток вправо. Кроме того, между меткой и полем ввода находится двоеточие.
Firstname: [ ]
Last: [ ]
Могу ли я автоматически вставить этот двоеточие с помощью CSS или некоторого кода С# в MVC 3?
Лучшее, что я придумал до сих пор, - использовать атрибут [Display(Name="Firstname:")]
, но это имеет побочный эффект, включая этот двоеточие в сообщениях проверки:
[Required]
[Display(Name = "Firstname:")]
[StringLength(100, ErrorMessage = "The {0} must be at least {2} character long.", MinimumLength = 1)]
public string Firstname { get; set; }
Другой альтернативой было использование перегрузки метода LabelFor()
, но это заставляет меня дважды указывать текст метки (один раз в модели и один раз в файле cshtml):
<div>
<div class="editor-label">@Html.LabelFor(x => x.Firstname, "Firstname:")</div>
<div class="editor-field">@Html.TextBoxFor(x => x.Firstname)</div>
</div>
Любые лучшие предложения?
Ответы
Ответ 1
Через CSS вы можете добавить двоеточие через псевдо-класс after
. Вы можете найти дополнительную информацию об этом псевдокласс здесь.
.editor-label > label:after {
content: ": "
}
Рабочий пример: http://jsfiddle.net/fJQDZ/
Обратите внимание, что псевдокласс класса after
недоступен в IE7.