Change color of the clear input "X" icon

Question

I need to change the color of the "X" icon linked to this input:

<ion-item>
    <ion-input placeholder="Clear Input" clearInput></ion-input>
</ion-item>

So far, by the search I found something related property of the input below that has default color set:

$text-input-md-input-clear-icon-color

But so far I haven’t been able to change it. Someone’s been through it?

Answer 1

Ever tried to create a class and use it? Or use Style itself in input. For example:

<ion-item>
   <ion-input placeholder="Clear Input" clearInput style="color: #ff0000"></ion-input>
</ion-item>

Or else:

<style> .vermelho { color: #ff0000 } </style>
<ion-item>
   <ion-input placeholder="Clear Input" clearInput class="vermelho"></ion-input>
</ion-item>