gpt4 book ai didi

css - 如何在 ngx-bootstrap Accordion 中添加折叠图标

转载 作者:行者123 更新时间:2023-12-04 17:19:08 24 4
gpt4 key购买 nike

在我的 Angular正在使用 ngx-bootstrap 的应用程序,我想添加一个反射(reflect) accordion 状态的折叠图标(折叠/展开)如下:

enter image description here

enter image description here

最佳答案

你基本上可以在 css 中做到这一点:

.accordion-toggle[aria-expanded="true"]:before {
content: "\f107";
font: normal normal normal 14px/1 FontAwesome;
}

.accordion-toggle[aria-expanded="false"]:before {
content: '\f106';
font: normal normal normal 14px/1 FontAwesome;
}

只需使用您最喜欢的图标的字体系列设置 before 选择器的样式...

关于css - 如何在 ngx-bootstrap Accordion 中添加折叠图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53639953/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com