Ngx-bootstrap: Question: how to change remove icon in Dynamic tabs?

Created on 6 Nov 2018  路  1Comment  路  Source: valor-software/ngx-bootstrap

It is possible to change remove icon in Dynamic tabs?

I added custom icon with this css:

.bs-remove-tab:before {
    content: "\f1f8"!important;
    font-family: FontAwesome!important;
    font-size: .7em!important;
    padding-left: 5px!important;
    color: inherit!important;
}

But how to remove old icon?

comp(tabs) question

Most helpful comment

Try this. Hope it's help.

::ng-deep.bs-remove-tab {
  visibility: hidden;
}
::ng-deep.bs-remove-tab:after {
  content: "\f1f8";
  font-family: FontAwesome;
  font-size: .7em;
  padding-left: 5px;
  color: inherit;
  position: absolute;
  visibility: visible;
}

>All comments

Try this. Hope it's help.

::ng-deep.bs-remove-tab {
  visibility: hidden;
}
::ng-deep.bs-remove-tab:after {
  content: "\f1f8";
  font-family: FontAwesome;
  font-size: .7em;
  padding-left: 5px;
  color: inherit;
  position: absolute;
  visibility: visible;
}
Was this page helpful?
0 / 5 - 0 ratings

Related issues

pgeyman picture pgeyman  路  3Comments

ravirajhalli picture ravirajhalli  路  3Comments

tuoitrexuquang picture tuoitrexuquang  路  3Comments

haisaco picture haisaco  路  3Comments

RolfVeinoeSorensen picture RolfVeinoeSorensen  路  3Comments