I am using Ionic 6 and I have a button with a class:

  .mybutton {
    --background: #f39200;
    --color: white;
  }

When I press on the button on my mobile it goes blue.

I need to change that to another color.

I've tried:

.mybutton:hover,
.mybutton:active {
   // another color
}

It's still blue.

How can I do that?

CodePudding user response：

For that, you need to use another CSS variable.

try --ripple-color, I think it may help you.