Подтверждение стилей сообщений с цветом фона и изображения

Question

Я пытаюсь исправить проблему дизайна, связанную с проверкой ASP.NET MVC 3 и ее css.Я понимаю, что MVC имеет некоторые классы css по умолчанию для сообщений проверки, и если вам нужно настроить стиль, вы можете просто обновить эти классы в соответствии с вашими требованиями.

Теперь проблема здесь, по-видимому, является моим требованием, наша команда разработчиков придумала этот дисплей сообщений проверки, где, если обязательное поле отсутствует, то в сообщении об ошибке должно быть «изображение стрелки», которое будет указывать наконтроль ввода.Ниже приведена схема, которую я пытаюсь достичь здесь:

Теперь, что я пытаюсь выяснить, это как я могу выровнять цвет фона красного иизображение рядом с сообщением.

Любые предложения / помощь будут высоко оценены.

Answer 1

Вы можете использовать эту HTML-структуру для отображения ошибки MSG

<div class="error">
  <span>error message</span>
</div>

CSS

.error{background:url(arrow.gif) no-repeat left center; padding-left:15px;}
.error span{ padding:2px; background:red;}