单击后防止按钮颜色变浅

Question

如何防止单击后按钮文字变为浅色/透明/不透明？

我有一个设置为红色的按钮，但是单击它后，按钮的颜色会变成白色。反正有什么办法防止这种情况发生？

带有按钮的标题工具栏（myPage.ts）

<ion-header>
  <ion-toolbar>
    
    <ion-buttons>
      <ion-button style="color: red;">
        <ion-label>Done</ion-label>
      </ion-button>
    </ion-buttons>
    
  </ion-toolbar>
</ion-header>

无论是否单击，我都需要使按钮重新变成红色。

我不确定这是离子问题还是角度问题，因为所有链接在单击后都会更改颜色。

修改

更改背景不会停止颜色的褪色，也不会使焦点/活动/访问的样式看起来有任何改变

有趣的是，当我单击按钮之外时，它变回了全色

（离子5，角度9）

Answer 1

无需添加样式标签。您可以使用简单的离子按钮样式表单Ionic doc。

转到scss文件并添加样式

ion-button{
    --background-activated: var(--ion-color-danger);
}

您可以使用它。

Answer 2

您要使用CSS进行更改。

有一个名为访问的伪类：

a:visited {
  color: red;
}

这里是有关样式链接的进一步阅读： https://www.w3schools.com/css/css_link.asp

Answer 3

更改It的背景。

button{background: tomato}