Menú vertical, los botones en hover el texto no cambia de color

[Albert_Fox]

Buenos días,

Tengo un menu vertical (div, ul, li) que se ilumina el fondo al pasar el ratón por cada elemento. El caso es que el texto me gustaría que también cambie de color, pero no ocurre hasta que no te pones encima del texto. No se cómo hacer en CSS que reconozca que el texto de enlace también debería ser afectado por la totalidad del botón no solo esa pequeña parte o area del mismo.




No consigo la manera de solucionar este pequeño problema.
Muchas gracias por avanzado! :)

[g3kdigital]

Código CSS:

ul li:hover a
{
color: /*el que quieras*/
}
 

No se que más decirte, porque no he visto la estructura ni el código.

[javy7v]

Puedes utilizar Jquery para estas cosas a mi al final es lo que mas sencillo me parece aunque se puedan solucionar de otras maneras.

Por ejemplo :

Código:

$(document).ready(function(){
   $("li").mouseenter(function(event){
      $(".txtMenu").css("color", "yellow");
   });
});

Cuando entre en el li o desde donde tu quieras que salte claro, al texto que quieres cambiar el color le das el color que quieras , ahi pones los class que tenga cada elemento o el elemento directamente.

A ver si te vale ;)