Clever Geek Handbook

How to style HTML5 form validation messages?

I'm using HTML5 validation "required", but the bubble post creates a scrollbar on my screen because the size of the input box is small and on the right side.

So, I want to change the bubble message to show the left side in the input field, or change its style?

HTML5 Form

 <form>
  <input type="text" required value="" style="float:right"/>
  <input type="submit" value="Submit" />
</form>

http://jsfiddle.net/bhumi/4ty922h9/

How do I change the display style of posts?

+3


source to share


1 answer


Obviously, all web browsers do not allow customization of validation bubbles. Chrome used but removed it. The only way to do anything about it is to remove the bubble completely and make your own. This link might help.



0


source






More articles:


All Articles