Question

I have three tabs that change styles when clicked. class="active" gives the tab the same background as the tab content, while class="inactive" has another color.

My problem is the text on the tabs, something’s weird with the CSS. The default state of class="active" looks as it should, while the inactive tabs are underlined even though my CSS says text-decoration: none !important; and the clicked active tab text becomes extra bold (or maybe it’s a shadow).

Please look at my fiddle: http://jsfiddle.net/m8wQM/170/

Answer 1

Just added some css and its working good.

#navbar ul li a
{
  text-decoration: none !important;  
  text-shadow: none !important;
}

(Remove text-decoration from active and inactive, as you don’t want it in any case)

Have a look at this : Fiddle