Обмен значками BS 4 Toggle

Question

Кто-нибудь знает, как изменить значок начальной загрузки 4 navbar-toggler-icon, когда он открывается или закрывается с помощью css?Я думал, что это будет просто, но я не могу ничего найти на нем.

.map-controls-mobile .navbar-toggler-icon {
    background-image: url('img/mobile-controls-arrow.svg');
    width: 24px;
}

Answer 1

Если вы заметили, navbar-toggler-icon будет иметь класс .collapsed, если он свернут (не открыт).Поэтому, если вы хотите изменить значок navbar-toggler, когда он открыт, вы можете использовать:

button.navbar-toggler.collapsed {
  /* my css code */
}

И изменить его, когда он открыт:

button.navbar-toggler:not(.collapsed) {
  /* my css code */
}