Ion-item bottom border when click

[alitalaee]

i have an ion-item with inner input, when i click and focus on ion-item appear bottom border blue color like bellow image. i want to remove that but it is not posssible

[armandovillalta]

@alitalaee add this in the bottom of your variable.scss file:

ion-item {
    --highlight-color-focused: white;
}

Note: this will affect your global style of ion items. if you want it only for your specific page then do it in the scss file relative to your page.

[alitalaee]

yes that is work perfectlly thanks alot for response