离子:自定义搜索栏的取消图标颜色

时间:2018-09-10 11:04:25

标签: ionic-framework sass

我知道我可以如下更改透明图标和搜索图标的颜色:

$searchbar-md-input-clear-icon-color: white;
$searchbar-md-input-search-icon-color: white;

对于取消图标,此方法似乎不起作用。

$searchbar-md-input-cancel-icon-color: white;

上面的代码对取消图标没有可见的影响。取而代之的是,取消图标的颜色总是退回到定义的原色。

$colors: (
    primary: blue
);

如何更改取消图标的颜色?

1 个答案:

答案 0 :(得分:0)

searchbar-md-input-cancel-icon-color不是SearchBar组件的属性。

您需要通过特定的CSS选择器设置样式,如下所示:

.searchbar-ios-danger .searchbar-ios-cancel {
  color: white;
}