CSS – selecionando um elemento por atributo em CSS

por jaison em 01/10/2015, 2:17 am

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)! Mas eu não sabia :,-( hehe

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!

Desenvolvido por Webb House