提问人：Another Noone 提问时间：4/18/2019 更新时间：4/18/2019 访问量：1967
使用<手风琴将向上/向下箭头添加到引导手风琴>
Add up/down arrows to the bootstrap accordion with <accordion>
问：
我正在使用 angular /typescript 编写一个复杂的 Web 应用程序，我想使用手风琴做一些事情。手风琴是用打字稿/引导程序设置的，如下所示：
<accordion>
<accordion-group heading="">
</accordion-group>
</accordion>
如何为手风琴添加向上/向下箭头？
我尝试使用：after伪类和带有css的content：属性来渲染手风琴类，但这不起作用。我尝试了很多不同的类来做到这一点，但它没有用。有没有简单的方法可以做到这一点？
这是 HTML：
...
<accordion>
<accordion-group heading="{{'Model.EntityName' | translate}}" [isOpen]="true">
...
</accordion>
...
这是飒飒：
...
.panel-heading .accordion-toggle:after {
/* symbol for "opening" panels */
font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
content: "\e114";
float: right;
color: grey;
}
...
答：
0赞
jitu thakur
4/18/2019
#1
使用下面的代码并切换“active”类：
.panel-heading .accordion-toggle:before {
font-family: 'Glyphicons Halflings';
content: "\e114";
float: right;
transition: all 0.5s;}
.panel-heading .accordion-toggle.active:before {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
评论