Menu ( onclick help ) - css

Question

Ok I have now virtually fixed our menu system.

The only Issue I have now, seemingly is onclick change menu item state to ACTIVE

So here is the fiddle: http://jsfiddle.net/ozzy/6pxaE/

Essentially, onclick I need the menu item clicked to change to:background color #ec008c and color to #fff with no text shadow. As seen in my Fiddle Above.

Everything else seems to work fine.

Any help appreciated. No JS please

Answer 1

To make all of your 'active' states pink-ish, the following worked on your last lines of CSS:

.white ul li a:active, .white li a:active{ background-color:#ec008c;color:#fff;display:block;text-shadow: none !important;
}

http://jsfiddle.net/ExUdM/

I only tested this in Chome, Firefox, and IE9

Answer 2

Assuming what you want is to highlight the currently active page in the navigation, I think this is still the easiest way to accomplish what you want.

Would that work?