user3354767 user3354767 -4 years ago 160
CSS Question

onclick css - border radius doesn't work

On I have changed the css of the menu bar to a border radius:

#header-v4 #navigation ul#nav > li.current-menu-item > a,
{border-top-left-radius: 8px;
border-top-right-radius: 8px; }

On hover, the border radius works fine. But on click, the border radius is gone and the button turns into a square again. Is there any way i can change this in css? or is this a javascript that needs tweaking?

Answer Source

Add the following to your CSS

#header-v4 #navigation ul#nav > li > a {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;

This should fix it. Hope this helps

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download