Change color of clear input "X" icon

Question

Navigation

#1 by (0 votes)

0

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, through the search I found something related to the property of the related input below that has default color defined:

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

But so far I have not been able to change it. Has anyone gone through this?

input ionic typescript

asked by anonymous 14.11.2017 / 19:36

1 answer

Last records based on a filter Convert date dd / mm / yyyy to yyyy-mm-dd'T'HH: mm: ss

score 0 · Answer 1

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

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

Or:

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