增加离子输入文本的字体大小

Question

我正在为iPadTablet开发Ionic 5应用程序。我想增加ION-INPUT的字体大小，以适应整个应用程序。

我已经尝试了各种选项

ion-input {
      font-size: 20px !important;
}

input {
      font-size: 20px !important;
}

但都没有增加字体大小。我甚至尝试在那里增加浏览器检查元素，它也增加了空间，但字体大小不变。

我的代码结构是

<ion-item class="ion-padding-horizontal">
<ion-label class="input-label" position="stacked">Email</ion-label>
<ion-input class="input-text" type="email"></ion-input>
</ion-item>

当我在input-text类中给出字体大小时，只是增加了输入的大小，而不是字体大小。

Answer 1

确保你的输入是在离子项目元素中，然后给它这样的类。

CSS:

.size {
    font-size: 30px;
}

HTML:

<ion-item>
    <ion-input class="size"></ion-input>
</ion-item>

我刚才测试了一下，它的工作原理。