foto de Jaison Schmidt

Jaison Schmidt

icone facebookicone instagramicone Linkedinicone github
Fone: (54) 9 9977 66 48
E-mail: eu@jaison.com.br
Passo Fundo - RS
Voltar

CSS – selecionando um elemento por atributo em CSS

imagem principal do post CSS – selecionando um elemento por atributo em CSS

Aprenda como selecionar objetos em CSS através de seu atributo

Quando trabalhamos com desenvolvimento, seguidamente nos deparamos com problemas novos, mesmo as vezes sendo meio bobinhos (tanto o desenvolvedor quanto o problema hehe).

O problema: os campos de formulário que fossem obrigatórios deveriam ser marcados como obrigatório, somente isso. Mas queria uma forma simples, fácil e eficiente de fazer isso, então optei por, no campo de formulário que fosse obrigatório, apenas colocar um atributo “required”, somente isso, por exemplo:

<input type="text" required />

Somente isso formataria o campo. Via javascript e jQuery seria realmente muito fácil, mas como fazer isso via CSS?

A solução final é muito fácil (também em CSS)!

Basta em CSS fazer o seguinte:

[required] {
  // sua formatação CSS!
  border: 1px solid red;
}

Este simples trecho de código permite que você formate todos os elementos que possuem o atributo required em sua declaração! Abraço e até a próxima!

Voltar