Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

Solucionado
(ver solução)
2
respostas

:invalid funcionar após o submit

Na minha página o :invalid fica com os obrigatórios fiquem em vermelho, mas não quero que fique logo quando abre a página

É possivel fazer com css apenas, afim do :invalid funcionar apenas depois do submit? -- .caixa-texto:invalid{ background-color: red; }

--

Dados pessoais Nome: E-mail:
2 respostas
solução!

Olá Alan,

Acredito que apenas com o css não, teria que usar o javascript/jquery para controlar isso. Pois essa validação só ocorre após o submit, e o css não é capaz de fazer validações, apenas embelezar a página

Fala ai Alan, tudo bem ?

Você conseguiria fazer isso através de JS ou talvez importar o CSS apenas quando o formulário for submetido.

Mas o padrão geralmente é evitar esse transtorno ao usuário e validar todas as informações antes de submete-las.

Abraçoooos.