Styling default validation tooltip

Question

Is it possible to style the default tooltip? Here's a JSFiddle demonstrating the default tooltip.

<form>
    <input type="text" placeholder="Submit without entering value" required>
    <input type="submit">
</form>

Answer 1

You can not change "default tooltip" (HTML5 validation bubble) - it is determinated by browser vendor and several other params like browser language.

You can, however, prevent validation bubble - by doing something like

<input placeholder="Lorem ipsum..." required oninvalid="myCustomFunction()" />

From now on, with myCustomFunction you can develop your own bubble.

Reference.

Answer 2

this article nicely sums up the possibilities

>> http://developer.telerik.com/featured/building-html5-form-validation-bubble-replacements/