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

Question

我正在开发适用于 iPad/平板电脑的 Ionic 5 应用程序。我想为整个应用增加离子输入的字体大小。

我尝试了各种选择

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>

当我在输入文本类中给出字体大小时，它只是增加了输入的大小，而不是字体大小

Answer 1

确保你的输入是在一个 ion-item 元素中，然后像这样给它你的类：

CSS：

.size {
    font-size: 30px;
}

HTML：

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

我刚刚测试过。它有效。