Ion-item bottom border when click

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

@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.

1 Like

yes that is work perfectlly thanks alot for response :smiling_face_with_three_hearts: :smiling_face_with_three_hearts: :smiling_face_with_three_hearts:

1 Like