как убрать ионный 4-х сегментный индикатор (нижняя строка)? пожалуйста, дай мне знать

Question

  .segment-button-indicator {
        -ms-flex-item-align: end;
        align-self: flex-end;
        width: 100%;
        height: 2px;
        background-color: var(--indicator-color);
        opacity: 1;
    }

Я новичок в разработке гибридных приложений. Я должен использовать ионный сегмент. Есть ионный сегмент-индикатор, который указывает нижнюю линию в ионном сегменте, поэтому мне нужно удалить его. Я могу удалить из этих кодов CSS по умолчанию, но когда я пытаюсь настроить, он не удаляет

Answer 1

Вы не можете удалить его, но вы можете скрыть его, установив его прозрачный цвет.

Вкл. theme / variables.scss добавить это:

ion-segment-button {
  --indicator-color: transparent !important;
  --indicator-color-checked: transparent !important;
}