Como você estiliza as mensagens de validação de formulário HTML5?
Diga que você tem algum HTML como este:
<form>
<input placeholder="Some text!" required>
<input type="email" placeholder="An Email!" required>
<input type="submit" value="A Button!">
</form>
Por causa dorequired
atributos, Webkits e Firefox mais recentes mostram uma mensagem de validação ao lado do campo, se você o deixar em branc
Eles respondem ao estilo de uma regra como:
div {
font: Helvetica;
}
Mas não consigo encontrar um seletor mais específico para eles. Alguém sabe qual seletor é usado, ou será usado, ou mesmo um relatório de bug do webkit / gecko relacionado a isso?
(JSFiddle mostrando que eles podem ser estilizados com um seletor de div:http: //jsfiddle.net/p7kK5 )