Este tutorial irá lhe ensina a colocar em seus formulários, um efeito super interessante, que ao clicar dentro da caixa de formulário ele muda de cor, por uma cor pré determinada por você.
01 - No seu css procure a seguinte classe.
input, textarea, select, button {
font-size:11px;
color:#666666;
background: #b8ced0;
border: 1px solid #3f8b90;}
font-size:11px;
color:#666666;
background: #b8ced0;
border: 1px solid #3f8b90;}
02 - Em seguida cole o código abaixo, após o código mencionado acima.
input:focus, textarea:focus, label:focus, select:focus, button:focus {
color:#666666;
background: #ffffff;
border: 1px solid #3f8b90;}
color:#666666;
background: #ffffff;
border: 1px solid #3f8b90;}
03 - O seu código devera ficar mais ou menos assim.
input, textarea, select, button {
font-size:11px;
color:#666666;
background: #b8ced0;
border: 1px solid #3f8b90;}
font-size:11px;
color:#666666;
background: #b8ced0;
border: 1px solid #3f8b90;}
input:focus, textarea:focus, label:focus, select:focus, button:focus {
color:#666666;
background: #ffffff;
border: 1px solid #3f8b90;}
Obs: Lembrando que a segunda parte do código é a que irá gerar o efeito, ou seja personalize as cores de acordo com o seu blog.