自从我将Ionic3项目更新为Ionic4类型angular时,单击所有按钮周围都有黄色边框。
图片周围的黄色边框
.html
<button class="barFilterButton"
(click)="filterNoticedEvents('BAR')"
[ngStyle]="{ border: activeFilters.bar ? '1px solid #eec344' : 'none' }">
</button>
.css
.barFilterButton {
height: 50px;
width: 50px;
border-radius: 50%;
background: white;
background-image: url("../../assets/icon/icon_bar.png");
background-size: 40px 40px;
background-repeat: no-repeat;
background-position: center;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.14), 0 4px 5px rgba(0, 0, 0, 0.1);
}