Как изменить обводку input required, если попытались отправить форму, не прописав этот самый input?

Question

[Василий Хрягин]

Нашел только :invalid, но он у меня не корректно работает. Помогите пожалуйста

Comments

[Василий Хрягин]

наверное из-за плагина маски которой я использую

Answer 1

[Воващ]

при валидации даёшь инпуту что-то, например aria-invalid="true"
ну и всех инвалидов стилизуешь

html

<input class="email" name="email" placeholder="Email" autocomplete="email" required="" aria-invalid="true">

css

input[aria-invalid="true"] {
    border-color: #DC3545;
}