Ionic 如何去除离子4段指示剂(底线)？2请告诉我

o0lyfsai 于 2022-12-09 发布在 Ionic

关注(0)|答案(5)|浏览(156)

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

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

ionic-framework

来源：https://stackoverflow.com/questions/55919872/how-to-remove-ionic-4-segment-indicator-bottom-line-please-let-me-know

5条答案

按热度按时间

qlzsbp2j1#

您无法移除它，但可以将它的颜色设定为透明来隐藏它。
在theme/variables.scss上添加以下内容：

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

赞(0）回复(0）举报 2022-12-09

mm9b1k5b2#

放入scss页面

ion-segment-button {
    --color-checked: red;
    --indicator-color: none;
  }

下边框指示器
活动/选中段的颜色

赞(0）回复(0）举报 2022-12-09

b09cbbtk3#

请将下面的代码粘贴到您的variables.scss中，它将工作

.segment-button-checked{
  --border-width:0px;
  --indicator-color-checked: 0;   
}

赞(0）回复(0）举报 2022-12-09

oknwwptz4#

希望这能起作用

ion-segment-button{
  --indicator-box-shadow: none;
 }

赞(0）回复(0）举报 2022-12-09

py49o6xq5#

在按钮上添加附加类以避免冲突，并且此样式

.YourSegmentClass::part(indicator-background) {
  background-color: #FAB159;
}

赞(0）回复(0）举报 2022-12-09

我来回答

Ionic 如何去除离子4段指示剂(底线)？2请告诉我

5条答案

相关问题

热门标签

最新问答