更改语义 UI 上的默认“下拉图标”答案

【问题标题】：Changing default "dropdown icon" on Semantic-UI更改语义 UI 上的默认“下拉图标”
【发布时间】：2015-07-04 23:11:35
【问题描述】：

在主题中，我试图在基于流星的环境中实现手风琴时更改语义 ui 中的默认“下拉图标”，但我不知道如何以及从哪里开始。我想保持其默认行为（即单击时它会旋转 90 或 180 度），而不是简单地使用以下代码更改图标：

    <div class="title">
        <i class="new icon"></i>
    </div>

我放的代码实际上改变了图标，但没有保持旋转 180 度的默认行为。关于如何做的任何线索？语义 CSS 对我来说看起来很复杂，任何帮助将不胜感激。谢谢！

【问题讨论】：

标签： css meteor semantic-ui

【解决方案1】：

如果根据您的示例图标具有“新”类，请将其添加到您的 css：

.ui.accordion .active.title .new.icon,
.ui.accordion .accordion .active.title .new.icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.ui.accordion.menu .item .active.title > .new.icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

【讨论】：