Ionic 2 ion searchbar圖標

Question

我正在使用Ionic2，並具有以下ion- searchbar：

題

是否可以更改圖標？ 如您所見，默認圖標是放大鏡，我想將其更改為其他名稱。

謝謝

Answer 1

在ionic 3上，我在variables.scss上使用了“ searchbar-search-icon”並為我工作。

.searchbar-search-icon {
  background-image: url("../assets/imgs/send-button.svg")!important;
}

Answer 2

您是否嘗試過更改此變量？

$searchbar-ios-input-search-icon-svg
$searchbar-md-input-search-icon-svg
$searchbar-wp-input-search-icon-svg

Answer 3

如果要將搜索圖標更改為預定義的離子圖標之一，則可以執行以下操作：

<ion-searchbar searchIcon="calendar"></ion-searchbar>

有關Ionic searchbar官方文檔的更多信息。