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

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添加到输入中，然后通过引用id尝试用scss更改它

Answer 2

使用 ion-input 而不是 input。

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

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

How to change size of text in ion-input

css

sass

ionic-framework

ionic4