How to remove default browser borders for invalid form?

Question

css

It is necessary to remove the borders prescribed in the browser itself with an invalid form. Tried pseudo class invalid doesn't work. Moreover, different browsers have different boundaries. In chrome there is a yellow filled border, and in mozzilla there is just a red border

Answer 1

Here's what they say on the Mozilla documentation site

:invalid {
  box-shadow: none;
}

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

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