如何在语义UI React Accordion中更改字体颜色

Question

我目前正在尝试使用Semantic UI React的手风琴组件，无法弄清楚如何将颜色和箭头更改为白色。

https://semantic-ui.com/modules/accordion.html

在css中，您可以看到窗口小部件具有将其配置为黑色的样式。

1. 组件是否有办法更改文字颜色？
2. 是否可以将父div替换为彩色文本？ （试 但是没有用）
3. 你会如何覆盖颜色？任何解决方法。 （这可以通过下面在带有！important标签的评论中提到的覆盖来完成）

手风琴反应组件采用小组

const panels = [
    {
        title: "test1",
        content: "test1"
    },
    {
        title: "test2",
        content: "test2"
    },
    {
        title: "super",
        content: "test"
    }
]

<Accordion className="test" panels={panels}/>

.test{
   color:white;
}

手风琴接受一个className，但传入一种风格似乎根本不起作用。我已经在每个级别尝试过Accordion.Title Tag。

Answer 1

你必须个性化你想要改变的作曲家的类，你必须＆＃34;覆盖＆＃34;语义u的css类使用！important。

.ui.accordion.perso
.title:not(.ui) {
     color : #ffffff !important;
}

如果您想了解更多信息！important（https://css-tricks.com/when-using-important-is-the-right-choice/）

和平

Answer 2

想出来。

<Accordion>
    <Accordion.Title className="test2">
       <Icon name='dropdown' />
       <label className="label-color"> super</label>
    </Accordion.Title>
    <Accordion.Content>

    </Accordion.Content>
</Accordion>

意识到我可以使用手风琴的独立组件并添加我自己的元素并设计它。