如何改变离子输入法中文字的大小？

Question

我有一个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;
}

但没有任何效果 我缺少什么？

Answer 1

在输入端添加id，然后用scss引用id来改变它。

Answer 2

使用 ion-input 而不是 input.

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