ngx 选项卡 (V2.0.0) 删除图标 (X) 在手机/设备中显示为红色

Question

带有删除图标(X) 的选项卡在桌面上显示为白色，当我在 phone 中打开相同视图时 /ipad 图标(X) 显示为红色

请指教

Answer 1

您可以访问 css 组件：

:host /deep/ .nav-link .bs-remove-tab {
    background: blueviolet !important;
}

Answer 2

我使用 FontAwesome 图标进行更改。

:host /deep/ .nav-link .bs-remove-tab {
    position: relative;
    font-size: 0em;
}

:host /deep/ .nav-link .bs-remove-tab::after {
    content: "\f00d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #F44336;
    font-size: 13px;
    // padding-right: 0.3em;
    left: 0.3em;
    position: relative;
    top: 2px;
}

ngx 选项卡 (V2.0.0) 删除图标 (X) 在手机/设备中显示为红色

ngx tabs (V2.0.0) remove icon (X) shows in red color in phones / devices

ngx-bootstrap