Menu ( onclick help ) - css

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 te开发者_如何学编程xt shadow. As seen in my Fiddle Above.

Everything else seems to work fine.

Any help appreciated. No JS please

---

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?

---

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