Quando necessário é definido em um campo de formulário, o Firefox 4 mostra automaticamente uma borda vermelha para este elemento, mesmo ANTES de o usuário clicar no botão enviar.
<input type="text" name="example" value="This is an example" required />
Acho que isso é preocupante para o usuário, pois ele não cometeu erros no início.
Eu quero ocultar essa borda vermelha para o estado inicial, mas mostrá-la quando o usuário clicar no botão enviar, se houver um campo ausente marcado como obrigatório.
Eu olhei para :required
e :invalid
do novo pseudo seletor, mas as mudanças são para antes E depois da validação. (do Firefox 4 Formulário de entrada obrigatório borda / contorno VERMELHO )
Existe uma maneira de desativar a borda vermelha antes de o usuário enviar o formulário e mostrá-la se houver alguns campos ausentes?