Угловой 7: нг-недопустимый против: недействительный

Question

Я занимаюсь разработкой приложения Angular с целью его развертывания на мобильных устройствах и в веб-браузере.При стилизации формы для отображения недопустимых входных данных следует ли указывать на угловой класс " ng-invalid " или HTML5 ": invalid " CSS псевдокласс?

Answer 1

Вы должны использовать псевдокласс: invalid!Например,

input[type="date"]:invalid:not(.ng-pristine) {
    border: 5px solid red;
}

Другие полезные классы css для проверки ввода