Как использовать тег электронной почты в HTML5

Question

В HTML5 появился новый тег

<input type="email">

Когда я использую его в форме, ошибка, которую он показывает, когда я оставляю это поле пустым или помещаю текст, не относящийся к электронной почте, или выглядит довольно странно. Как я могу изменить CSS и текст для этой ошибки?

Answer 1

Для Google Chrome вы можете использовать следующие псевдоклассы для стилизации пузыря:

::-webkit-validation-bubble {}
::-webkit-validation-bubble-arrow-clipper {}
::-webkit-validation-bubble-arrow {}
::-webkit-validation-bubble-message {}

Не уверен, что / когда другие браузеры будут поддерживать стилизацию сообщений об ошибках. Смотрите следующие ссылки для справки:

Стилизация ошибок проверки формы HTML5

Как оформить сообщения проверки формы HTML5?