更新
已将文件更改为scss。找到了解决方法。
/deep/ .my-accordion .card-header a[aria-expanded="true"] {
img.icon{
filter:invert(0%);
}}
/deep/.my-accordion .card-header a[aria-expanded="false"] {
img.icon{
filter:invert(40%);
}}
上一篇文章
我想检索ngb手风琴的 aria-expanded 值(例如true或false),以便可以在组件端进行操作。我在每个面板标题旁边都放置了一个图标。如果aria扩展值是真实的,我希望它是白色,否则是灰色。有人可以帮我吗?
这是我的手风琴代码:(.html)
<ngb-accordion *ngFor="let pages of getColumndataForm(FaultForm); let i=index" #acc="ngbAccordion" [attr.aria-expanded]="selected" [activeIds]="activeIds" formArrayName="functions">
这是我的图标代码:(.html)
<img class="icon" [ngStyle]="{'filter': 'invert' + selected ? '(0%)' : '(40%)'}" *ngSwitchCase="0" src="assets/icons/connector.png">
我尝试了以下css方法,但是(.css)都不起作用
a[aria-expanded="true"]{
background-color: rgb(0, 0, 0);}