Стилизация для <input required ...> в WebKit

Question

Пожалуйста, посмотрите на этот пример в браузере Chrome: http://jsfiddle.net/ymzTB/

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

Когда вы оставите поле ввода пустым и просто нажмете ввод, вы получите следующее сообщение:выглядит красиво.

Как я могу оформить это сообщение в WebKit и других браузерах, скажем, заменить цвет фона на красный или установить цвет или размер шрифта на что-то другое?

Answer 1

Вы можете использовать следующие псевдоклассы :

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