html - 如何去除 ionic 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;
    }

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

Answer 1

你不能删除它，但你可以通过将它的颜色设置为透明来隐藏它。

在theme/variables.scss 添加:

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