jQuery Menu highlight
jQuery Menu highlight
I was able to figure out how to change the background color and font of my menu items using the style class .ui-menu and tag li like this:
.ui-menu li
{
font-family: Arial;
font-size: 12px;
background-color:#FEE098;
padding-top:1px;
padding-bottom:1px;
border-top: 1px solid white;
border-bottom: 1px solid white;
}
Now I am trying to change the color of the highlight as I move my mouse over each item. Currently it is a grey or silverish color by default. I want to change this color to: #FEE098. How would I do this? jQuery is so awesome but small stuff like this is not straightforward for me.