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

Question

我正在为 iPad/Tablet 开发 Ionic 5 应用程序。我想增加完整应用程序离子输入的字体大小。

我尝试了多种选择

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

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

但其中 none 正在增加字体大小。我什至尝试在那里增加浏览器检查元素，它也增加了 space 但字体大小相同。

我的代码结构是

<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>

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

Answer 1

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

CSS:

.size {
    font-size: 30px;
}

HTML:

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

刚才测试过了。它有效。

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

Increase font size of ion-input text

ionic-framework

sass

font-size