'How to remove standard validation tooltip after .reportValidity() using css

How to remove standard validation tooltip after .reportValidity() using css

Any ideas?

Solution 1:^[1]

The keyword is: "standard". It's not possible to modify (this includes hiding) the actual tooltip because it's a browser native implementation, at least, not possible for major browser engines like Blink, Webkit and Gecko, namely Chromium, Safari and Firefox respectively.

References:

HTML Specification for .reportValidity() behaviour: https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#report-validity-steps
An once-possible answer: https://stackoverflow.com/a/5965505

Solution 2:^[2]

<form novalidate> ... </form>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Rick Stanley
Solution 2	tauzN

'How to remove standard validation tooltip after .reportValidity() using css

Solution 1:[1]

Solution 2:[2]

Sources

Related Questions

Solution 1:^[1]

Solution 2:^[2]