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.