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

Question

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

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

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

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

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

$colors: (
    primary: blue
);

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

Answer 1

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

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

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