如何删除离子4段指示器(底线)?请告诉我

问题描述

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

我是混合应用程序开发的新手.我必须使用离子段.有一个离子段指示符指示离子段中的底线，因此我需要将其删除.我可以从这些默认的CSS代码中删除，但是当我尝试自定义时，并没有删除

I am new to hybrid app development. I have to use ion-segment. There is ion-segment-indicator which indicates bottom line in ion-segment, so I need to remove it. I can remove from these default css codes, but when I try to customize it's not removing

推荐答案

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

You cannot remove it, but you can hide it by setting it's color to transparent.

在 theme/variables.scss 上添加以下内容:

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

这篇关于如何删除离子4段指示器(底线)?请告诉我的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！