离子搜索栏高度和占位符的问题

Question

希望你一切都好。

我对 Ionic 5 - Angular 、搜索栏有疑问。

我像这样添加了搜索栏：

<ion-searchbar
          [(ngModel)]="text"
          (ionChange)="search()"
          placeholder="Search for cars"
          class="searchbarInput"
        ></ion-searchbar>

我正在尝试将搜索栏的高度更改为 48px 并将占位符文本更改为 10px ，但没有成功。

我还尝试自定义被检查元素中的类，例如 search-input 和 search-input-container，但没有成功。

当我在 Inspect Elements 中自定义 css 并添加样式时，它可以工作，但在我的 scss 中它不起作用。

如果有人能帮我解决这个问题，我将不胜感激。

非常感谢您的宝贵时间。

Answer 1

<ion-searchbar> 似乎是这样工作的：<div><ion-input></ion-input></div>，所以高度属性会影响div 元素。您可以尝试height:fit-content 或max-content。