如何更改离子输入中文本的大小答案

【问题标题】：How to change size of text in ion-input如何更改离子输入中文本的大小
【发布时间】：2020-08-30 02:33:57
【问题描述】：

我有一个 ionic+angular 应用程序。在一个页面中，我有一个 ion-input，这是我的应用程序的主要入口点：

  <div id="topSection" style="width: 100%;">
    <ion-card style="display: flex;" id="searchBox" class="ion-margin">
      <ion-menu-button></ion-menu-button>
      <ion-input type="search" placeholder="Search"></ion-input>
    </ion-card>
  </div>

我需要它更大一点。

我尝试在我的 SCSS 中设置它：

input {
  font-size: 1.8rem !important;
}

但它的效果为零。我错过了什么？

【问题讨论】：

标签： css ionic-framework sass ionic4

【解决方案1】：

使用ion-input 而不是input。

ion-input {
  font-size: 2.8rem;
}

【讨论】：

【解决方案2】：

将 id 添加到输入，然后尝试通过引用 id 使用 scss 更改它

【讨论】：

问题是离子输入包含应该更改的输入。我尝试将 id="searchbox" 和 #searchbox 作为 css 选择器，但结果相同