Ionic -改变离子按钮的行高

ujv3wf0j  于 2023-10-14  发布在  Ionic
关注(0)|答案(1)|浏览(132)

如何更改离子按钮的线高?
文档没有提供任何关于这方面的指导。
我尝试了各种各样的选择器,但都没有成功:

.row-button ion-button
.row-button ion-button button
.button-native
button

其他属性可以正确应用,但它不适用于“line-height”。它只适用于我在#shadow-root中手动编辑按钮上的样式。

<ion-row class="row-button ion-justify-content-center">
  <ion-col>
    <ion-button expand="full">
      <ion-icon name="logo-whatsapp" size="large" slot="start"></ion-icon>
      Get in touch for more information
    </ion-button>
  </ion-col>
</ion-row>

有没有一种方法可以使用CSS或自定义类来调整离子按钮的行高?

v9tzhpje

v9tzhpje1#

尝试添加下面的css

ion-button::part(native){line-height: 50px;}

相关问题