Styling per <input richiesto ...> in WebKit

Question

Si prega di dare un'occhiata a questo esempio nel browser Chrome: http://jsfiddle.net/ymzTB/

<form> 
    <input required type = "text" > 
    <input type = "submit" > 
</form> 

Quando si lascia l'ingresso vuoto e basta cliccare su entra, riceverai un messaggio così: Please fill out this field. che sembra bello.

Come posso modificare questo messaggio in WebKit e altri browser, ad esempio, sostituire il colore di sfondo con il rosso o impostare il colore o la dimensione del carattere su qualcos'altro?

Answer 1

È possibile utilizzare seguente pseudo classes:

::-webkit-validation-bubble{} 
::-webkit-validation-bubble-top-outer-arrow{} 
::-webkit-validation-bubble-top-inner-arrow{} 
::-webkit-validation-bubble-message{}