В нашем проекте Angular6 у меня есть аккордеон ngx-bootstrap4 со значком шрифта 5 со свойством pull right, <fa-icon [icon]="['fas', accordionOpen ? 'chevron-down' : 'chevron-right']" pull="right"></fa-icon>
, которое выглядит так в Chrome .Но, конечно, IE не хочет играть хорошо, поэтому выглядит так в IE11 .
Я определил, что удаление width: auto делает трюк из класса css .svg-inline--fa .fa-pull-right в инструментах разработки для IE, однако, если я попытаюсь нацелиться на этот класс для IE, используя медиазапрос
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.svg-inline--fa .fa-pull-right {
width: 20px!important;
}
}
в файле scss компонента, класс все еще сохраняет параметр auto.(Я попробовал это глобально, и Chrome все еще держится за него, попытался установить его на 20px, я также знаю, что медиа-запрос работает, так как я изменил шрифт на фиолетовый).
Так как бы я переопределил настройку?
Если вы не можете переопределить этот css, то программным отключением pull=right для значка fa просто для IE было бы хорошим решением, так какхорошо.