Применение CSS к вводу текста с помощью классов
-
05-07-2019 - |
Вопрос
Я использую jQuery validate для формы, которую я создаю, и она отлично работает. То, что я хочу сделать, - это когда что-то недопустимо, чтобы текстовое поле изменило цвет и сообщение об ошибке стало белым. Я полагал, что следующий CSS будет работать:
label .error {color: white; font-weight: bold;}
input .error {background-color: pink; border: 1px dashed red; color: white}
Когда я проверяю валидацию, вышеприведенный CSS не применяется. Я проверил, используя Firebug, и к метке и области ввода применен класс 'error'.
CSS кажется верным, поскольку когда я опускаю предложение .error, все выглядит так, как будто я этого тоже хочу Что я делаю не так?
Решение
Один пробел может быть слишком большим. Попробуйте:
label.error {color: white; font-weight: bold;}
input.error {background-color: pink; border: 1px dashed red; color: white}
Справочная информация:
label .error /* selects all elements of class "error" *within* any label */
label.error /* selects labels of class "error" */
Другие советы
Попробуйте label.error и input.error без пробелов.
Не связан с StackOverflow