Изменение значка «раскрывающегося списка» по умолчанию на Semantic-UI

Question

Как и в теме, я пытаюсь изменить значок «раскрывающегося списка» по умолчанию в семантике ui при реализации аккордеона в среде, основанной на метеоритах, но я не знаю, как и как когда начать. Я хотел бы сохранить его поведение по умолчанию (т.е. при нажатии она поворачивается на 90 или 180 градусов), а не просто изменить значок с кодом, как:

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

Код я положил на самом деле меняет значок, но не держит по умолчанию - поворот на 180 градусов. Любая подсказка о том, как это сделать? Семантический CSS выглядит сложным для меня, любая помощь будет оценена. Спасибо!

Answer 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); 
}