javascript - ng-bootstrap 手风琴将样式应用于子图标
问题描述
手风琴没有焦点时的明星表演
当专注于手风琴时星星消失
这是我的 CSS 来显示手风琴左侧的星星:
.icon-star2.relevant-source {
position: absolute;
margin-left: -5em;
}
这是标记[用 x 替换变量以隐藏敏感信息]:
<ngb-accordion class="accordion accordion-alternate">
<ngb-panel class="source-accordion" *ngFor="x">
<ng-template ngbPanelTitle>
<i *ngIf="x > 0" class="icon-star2 relevant-source"
title="This source contains {{x}} of the top 10 most relevant documents.">
</i>
<span class="source-link source-link-text">{{x}}</span><span class="float-right source-link">
{{x | number:0 }}</span>
</ng-template>
<ng-template ngbPanelContent>
List of documents
</ng-template>
</ngb-panel>
</ngb-accordion>
我的目标是在某些带有标题的手风琴元素旁边有一个星号。(本机工具提示)
我已经尝试了一些事情,但我似乎无法解决这个问题。有没有人有什么建议?
解决方案
尝试深
/deep/ ngb-accordion > ngb-panel> i.icon-star2.relevant-source{
position: absolute;
margin-left: -5em;
}
推荐阅读
- java - 没有身份验证要求的端点需要 MockUser
- php - PHP - 日期表单输入和不同格式
- python-3.x - 创建“组合”图的子图(hist + boxplot)
- pandas - 修改多索引中的级别值
- php - 如果列表中不存在键,则添加空行
- android - 不能使用 Timber 但已经实现了依赖
- amazon-web-services - 当我从 EMR 集群的 EC2 主实例的 AWS 命令行运行 dir 命令时,我在看什么?
- php - 在jQuery中将变量值转换为数组
- java - 在java中填充三角形的随机颜色
- r - 使用 if else 将公式应用于数据帧的数据帧的每一行