css 覆盖不起作用？

Question

我有三个选项卡，它们在单击时会改变样式。 class="active" 为选项卡提供与选项卡内容相同的背景，而 class="inactive" 具有另一种颜色。

我的问题是选项卡上的文本，CSS 有点奇怪。 class="active" 的默认状态看起来应该如此，而不活动的选项卡带有下划线，即使我的 CSS 显示 text-decoration: none !important; 并且点击事件选项卡文本变得格外粗体(或者可能是阴影)。

请看我的 fiddle :http://jsfiddle.net/m8wQM/170/

Answer 1

您需要为您的 a 标签显式设置 text-decoration: none; 声明:

.ui-btn {
     text-decoration: none; /*nope, no need for !important*/
}

这是您的演示的一个小的工作版本:little link .