Change searchbar clear button ios in page.scss?

Ionic Framework ionic-v3
1

I have changed the color of searchbar clear button, search icon and placeholder for ios in variable.scss file but now I want different color for three of them in a different page so far this is what i’ve tried and it’s not working:

variable.scss
$searchbar-ios-input-placeholder-color:white;
$searchbar-ios-input-search-icon-color:white;
$searchbar-ios-input-clear-icon-color:white;

my-page.scss
.searchbar-ios .searchbar-clear-button{
color:black;
}
searchbar-ios .searchbar-search-icon{
color:black;
}

2

you can’t change color of the clear button you need to overwrite css of clear button, check the code,

.searchbar-ios .searchbar-clear-icon{
background-image: url(set your image path here);
}

that’s it.
you can apply custom icon too.
:grinning: