如何去除离子 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;
    }

我是混合应用程序开发的新手。我必须使用离子段。有 ion-segment-indicator 指示离子段的底线，所以我需要删除它。我可以从这些默认的 css 代码中删除，但是当我尝试自定义时，它不会删除

Answer 1

您无法删除它，但可以通过将其颜色设置为透明来隐藏它。

在theme/variables.scss 上添加：

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