Change searchbar clear button ios in page.scss?

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:


.searchbar-ios .searchbar-clear-button{
searchbar-ios .searchbar-search-icon{

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.