Ionic 6 - 按下蓝色按钮的问题

Question

我正在使用 Ionic 6，并且我有一个带有类的按钮：

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

当我按下手机上的按钮时，它会变成蓝色。

我需要将其更改为另一种颜色。

我已经尝试过：

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

还是蓝色。

我该怎么做？

Answer 1

为此，您需要使用另一个 CSS 变量。

尝试--ripple-color，我想这可能对你有帮助。

Answer 2

将其添加到您的 CSS 文件中

:root {
    --ion-color-primary-shade: #ffffff;
}

详情：

就我而言，是班级

ion-activated

改变了颜色。

这个类引用了CSS变量

--background-activated

，其定义如下：

:host {
    --background-activated: var(--ion-color-primary-shade, #004acd)
}

因为我删除了 Ionic 定义的很多颜色，

--background-activated

找不到

--ion-color-primary-shade

并回退到

#004acd

。