离子2离子搜索栏图标

Question

我正在使用Ionic2，并拥有以下ion-searchbar：

问题

是否可以更改图标？正如您所见，默认图标是放大镜，我想将其更改为其他内容。

由于

Answer 1

On 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

如果要将搜索图标更改为预定义的IonIcons之一，则可以执行以下操作：

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

有关Ionic searchbar official docs的更多信息。