How to remove the background-activated on ion-datetime?

Ionic Framework
1

.item-datetime | ion-datetime

This does not work (nor with important)

.item-datetime {
    --ion-item-background-activated: transparent;
    --ion-item-background: transparent;
    --ion-item-background-focused: transparent;
    --ion-item-background-hover: transparent;

    --ion-item-background-activated: transparent;
    --background: transparent;
    --background-activated: transparent;
    --background-focused: transparent;
    --background-hover: transparent;
    background: transparent;

    --background-activated-opacity: 0;
    --background-focused-opacity: 0;
    --background-hover-opacity: 0;
    --transition: none;
}
2

Hi!

I have the same issue. Did you manage to discover why? I asked as well but no one replied and I have no clue. Thanks!

3

Try this to remove the background effect

--ripple-color: transparent;
--background-hover: transparent;
4

Hello @flosej,

Thanks, it’s works using “–ripple-color” property,

Thanks again.

5

You’re welcome mate :ok_hand: