html - How do I style the HTML5 form validation error messages with CSS?

Question

How do I style the HTML5 form validation error messages with CSS?

question from:https://stackoverflow.com/questions/65947727/hide-the-default-css-type-url

Answer 1

Currently, there is no way to style those little validation tooltips. The only other option, which is what I have chosen to do, is to disable the browser validation all together for now and rely on my own client-side validation scripts.

According to this article: http://blog.oldworld.fr/index.php?post/2010/11/17/HTML5-Forms-Validation-in-Firefox-4

"The simplest way to opt out is to add the novalidate attribute to your <form>. You can also set formnovalidate on your submit controls."