Focus con css

[xinxan22]

Hola DrFaust, jQuery es como lo estoy usando actualmente, gracias. Pero me interesa hacerlo en css haber si se puede hacer.

Gracias por la respuesta

Hola Alexis88, lo estoy probando y no me funciona, podría ser que es porque tengo el input dentro del div?

Este es el código:

Código HTML:

<div id="id_contenido"><input type="text" id="id_input" /></div>


#id_contenido{
  background: #009755;
  opacity: 0.6;
  position: absolute;
  z-index: 10;
}
#id_input{
  background: #009755;
  border: 0;
  color: white;
  font: 16px 'Arial';
  width: 100px;
}
#id_input:focus{
  background: white;
  color: #009755;
  outline: none;
  width: 300px;
}
#id_input:focus ~ #id_contenido{
  opacity: 1;
  background: red;
}

Esto no me funciona:

Código HTML:

#id_input:focus ~ #id_contenido{
  opacity: 1;
  background: red;
}

Gracias.

Saludos