Html 防止单击后按钮颜色变浅

Html 防止单击后按钮颜色变浅,html,css,angular,ionic-framework,ionic5,Html,Css,Angular,Ionic Framework,Ionic5,如何防止按钮文本在单击后变亮/透明/不透明? 我有一个按钮,我设置为红色,但点击后,按钮的颜色变得有点白。有没有办法防止这种情况发生 带有按钮的标题工具栏(myPage.ts) 多恩 我需要的按钮,以重新制作固体红色,无论是否点击 我不确定这是离子问题还是角度问题,因为所有链接在点击后都会改变颜色 编辑 改变背景并不能阻止颜色的褪色,焦点/活动/访问的样式似乎也不会改变任何东西 有趣的是,当我点击离开按钮时,它会恢复为全彩 (离子5,角度9)你想用CSS来改变这一点 有一个名为VISIS

如何防止按钮文本在单击后变亮/透明/不透明?

我有一个按钮,我设置为红色,但点击后,按钮的颜色变得有点白。有没有办法防止这种情况发生

带有按钮的标题工具栏(myPage.ts)


多恩
我需要的按钮,以重新制作固体红色,无论是否点击

我不确定这是离子问题还是角度问题,因为所有链接在点击后都会改变颜色

编辑

改变背景并不能阻止颜色的褪色,焦点/活动/访问的样式似乎也不会改变任何东西

有趣的是,当我点击离开按钮时,它会恢复为全彩


(离子5,角度9)

你想用CSS来改变这一点

有一个名为VISISTED的伪类:

a:visited {
  color: red;
}
下面是有关样式链接的进一步阅读:
无需添加样式标记。您可以使用简单的离子按钮样式表单

转到scss文件并添加样式

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

您可以使用它。

更改它的背景

button{background: tomato}

我的回答对你有帮助吗?尽管投了反对票,我想这正是你想要的for@Helsing不幸的是,它没有:(focus/active/visited样式更改什么都不改变很难说,但是试着去做!重要的只是看看你的规则是否真的匹配。如果!重要的起作用了,那就意味着规则被覆盖了。在这种情况下,你必须使规则更具体。试试a:visited{color:red!重要;}
button{background: tomato}