In Ionic 5, ion element has additional behaviour

Ionic Framework
1

In Ionic 5, I found that when I click on < ion-checkbox > and , a grey background appears and disappears.(a short animation to let user know the element is selected)

You can try in official link: https://ionicframework.com/docs/api/checkbox

Is there any ways to disable this features???

2

hi @jacky007ex please try this example

        <ion-list>
          <ion-item class="custom-checkbox">
            <ion-label>check box</ion-label>
            <ion-checkbox slot="end" ></ion-checkbox>
          </ion-item>
        </ion-list>

     .custom-checkbox{
        --ripple-color: transparent;
        --background-hover: transparent;
    }

i hope its work well

1 Like
3

thank you very much !