Текст метки Postfix с двоеточием - PullRequest
16 голосов
/ 20 февраля 2012

Я использую ASP.NET MVC 3. Для моих форм я выравниваю текст метки вправо.Кроме того, между меткой и полем ввода есть двоеточие.

Firstname: [          ]
     Last: [          ]

Могу ли я автоматически вставить это двоеточие с помощью CSS или некоторого кода C # в 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 Ответ

30 голосов
/ 20 февраля 2012

С помощью CSS вы можете добавить двоеточие через псевдокласс after. Вы можете найти больше информации об этом псевдоклассе здесь .

.editor-label > label:after {
    content: ": "
}

Рабочий пример: http://jsfiddle.net/fJQDZ/

Обратите внимание, что псевдокласс after недоступен в IE7.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...