Как убрать стандартные браузерные границы для невалидной формы?

Question

[applecode]

Нужно убрать границы прописанные в самом браузере при инвалидной форме. Пробовал псевдокласс invalid не работает. Причем у разных браузеров эти границы разные. В хроме желтая закрашенная рамка, а в моззиле просто красная рамка

Answer 1

[Степан Крапивин]

Вот что пишут на сайте документации Мозиллы

Вы можете отключить свечение, используя следующий CSS или полностью изменить внешний вид некорректных полей.

:invalid {
  box-shadow: none;
}

:-moz-submit-invalid {
  box-shadow: none;
}

:-moz-ui-invalid {
  box-shadow:none;
}