Question

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

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

我放的代码实际上改变了图标，但没有保持旋转180度的默认行为。关于怎么做的任何线索？语义CSS看起来很复杂，任何帮助都会受到赞赏。谢谢！

Answer 1

如果根据您的示例的图标具有类＆＃34; new＆＃34;将此添加到您的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);
}

更改默认＆＃34;下拉图标＆＃34;在语义UI上

1 个答案: