如何降低离子段按钮的高度

Question

我试图将padding和设置margin为0px但仍然高度没有减少。

ion-segment-button {
  --padding-bottom: 0px;
  --padding-top: 0px;
  --margin-bottom: 0px;
  --margin-top: 0px;
}

我在文档中找不到任何我无法调整的属性。

Answer 1

你可以这样设置高度..

ion-segment-button{
    min-height: 10px;
}

Answer 2

这对我来说效果很好：（你必须定义离子段按钮的高度）

  <ion-segment [(ngModel)]="relationship" color="primary" >
    <ion-segment-button value="friends" style="height: 30px; font-size: 8px">
      Friends
    </ion-segment-button>
    <ion-segment-button value="enemies" style="height: 30px; font-size: 8px">
      Enemies
    </ion-segment-button>
  </ion-segment>