如何去除离子 4 段指示器(底线)?请让我知道

pra*_*bha 3 html css sass typescript ionic-framework

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

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

小智 6

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

theme/variables.scss 上添加:

ion-segment-button {
  --indicator-color: transparent !important;
  --indicator-color-checked: transparent !important;
}
Run Code Online (Sandbox Code Playgroud)