stylizacji dla <input wymagane ...> w WebKit

Question

Proszę spojrzeć na ten przykład w przeglądarce Chrome: http://jsfiddle.net/ymzTB/

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

Po opuszczeniu wejście pusty i kliknij enter, otrzymasz wiadomość tak: Please fill out this field. który wygląda ładnie.

Jak mogę nadać tej wiadomości styl w WebKit i innych przeglądarkach, np. Zmienić kolor tła na czerwony lub ustawić kolor czcionki lub rozmiar na coś innego?

Answer 1

można użyć następujących pseudo classes:

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