Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom tenho um form com 5 campos, e cada campo fica dentro de um div, gostaria de saber como dar o efeito :focus nessas div que segura os input ( um background e uma borda ao clicar dentro da div, e remover o background e a borda ao clicar fora da div )
<div class="input">
<span>Nome <strong>*</strong></span>
<input type="text" name="nome" class="txt txt_nome" placeholder="seu nome"/>
</div>
<div class="input">
<span>Sobrenome</span>
<input type="text" name="sobrenome" class="txt txt_sobrenome" placeholder="seu sobrenome"/>
</div>
<div class="input">
<span>Email <strong>*</strong></span>
<input type="text" name="email" class="txt txt_email" placeholder="seu email"/>
</div>
<div class="input">
<span>Assunto <strong>*</strong></span>
<input type="text" name="assunto" class="txt txt_assunto" placeholder="qual é o assunto?"/>
</div>
<div class="input">
<span id="span_msg">Mensagem <strong>*</strong></span>
<textarea type="text" name="mensagem" class="txt txt_mensagem" placeholder="sua mensagem"></textarea>
</div>
<input type="submit" name="enviar" class="bt bt_padrao" value="ENVIAR MINHA MENSAGEM" />Carregando comentários...