Publicado em 1 de dez.

Como mudar a cor de um campo quando clicar nele

Eu tenho um form e toda vez que alguém clicar no input eu quero que a borda de baixo mude a cor e quando ele clicar fora quero que volte ao normal quero isso para todos os campo de todos os foms que eu tiver

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

wanderval· 2 de dez.

HTML

<form>
 <label>
 <span>Input 1</span>
 <input type="text"/>
 </label>
 <label>
 <span>Input 2</span>
 <input type="text"/>
 </label>
 <label>
 <span>Input 3</span>
 <input type="text"/>
 </label>
 </form>

	CSS

form {

 display: flex;
 flex-direction: column;
}

form label {

 margin: 5px;
}

input {

 outline: none;
 border: 1px solid #ccc;
 box-sizing: border-box;
}

input:focus {

 border-bottom: 1px solid red;
}

	JSBin: [https://jsbin.com/vewuwerolo/edit?html,css,output](https://jsbin.com/vewuwerolo/edit?html,css,output)

Sapinn· 8 de dez.

Agr sim, valeu meu patrão. Eu tava fazendo em js nem sabia que em css dava pra faze isso.