Mudando a cor de fundo de um campo com CSS

Depois de muito tempo fora do ar estou voltando com o blog a ativa.

Hoje eu vou mostrar como podemos cria o efeito de trocar a cor de fundo de um campo texto quando clicamos dentro do campo.

Primeiramente vamos criar nosso formulário com 3 campos e um botão:

1) Name:

2) Email address:

3) Comments:

Agora vamos aplicar um pouco de estilo neste formulário inserindo o seguinte CSS:

input:focus, textarea:focus {
background-color: lightyellow;
}

Pronto, agora seus campos de texto irão mudar de cor toda vez que você clicar dentro neles.