如何在jQuery手风琴中更改链接的文本颜色

时间:2013-10-16 11:02:58

标签: jquery css

我想改变jQuery手风琴中链接的颜色。我该怎么办?

CSS

.x
{
    color: red;
}

HTML

<div id="test">
    <h3><a href="#">One</a></h3>
    <div>111
    </div>
    <h3><a href="#">Two</a></h3>
    <div>222
    </div>
    <h3><a href="some_link" class="x">Three</a></h3>
    <div> bla</div>
</div>

以下是一个示例:Fiddle

4 个答案:

答案 0 :(得分:4)

将此代码添加到底部的CSS中。

.ui-accordion .ui-accordion-content-active {
        color:red;
}

这会使黑色变为红色。

另外,在jquery-ui.css

之后声明你的css

<强> WORKING DEMO

修改

如果您需要将样式应用于heeader,则需要为h3.ui-accordion-header a.x创建一个css,如下所示。

代码更改

h3.ui-accordion-header a.x {
    color: #FF0000;
}

<强> WORKING DEMO

希望这有帮助。

答案 1 :(得分:3)

或者

.x
{
  color: red !important;
}

希望这有帮助

答案 2 :(得分:1)

虽然添加!important会起作用,但您应该仅将其用作最后的手段,因为如果您需要覆盖已设置!important的样式,则可能导致许多维护问题在它上面。

相反,使用选择器优先级来增加选择器的权重:

#test .x {
    color: red;
}

Example fiddle

答案 3 :(得分:0)

参见 demo

.ui-accordion-header a
{
    color: red ;
}