buenos dias tengo el siguiente codigo en html
Cita: <div class='listado'><span><label>Cliente: </label>NombreCliente<br><label>valor: </label><span>1.000.000<span></span></div>
y el css correspondiente es
Cita: .listado {background-color:#ddd;
background: -webkit-linear-gradient(orange, pink);
background: -moz-linear-gradient(orange, pink);
background: -o-linear-gradient(orange, pink);
border-radius:10px;
padding:5px; margin-bottom:10px;
}
.listado span {font-size:13px;}
.listado span span{color:#f00;}
.listado:active{background:#bab0b0; color:#fff;}
Cuando la persona da clic en el <div> este cambia el color al igual que el texto que contiene, el problema es que si la persona da clic en el texto que esta dentro no hace nada y quiero que cambie de color tanto el div como el texto, como lo hizo cuando dio clic inicialmente en el <div>. Es decir como si todo el div incluido su contenido fuese un solo componente que no importa en que parte de este den clic pero haga el mismo efecto.
Gracias por su colaboracion.