ionic4 ion-item 点击跳转页面后再回来,列表项上的颜色变灰

Posted johnjackson

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ionic4 ion-item 点击跳转页面后再回来,列表项上的颜色变灰相关的知识,希望对你有一定的参考价值。

用ionic4开发一个列表页,其中每个列表项上用routerLink属性做页面跳转,如下:

[routerLink]="[‘/exam‘]"

在电脑上时正常,但到了真机上却发现一个问题就是:点击列表项跳转页面后再回来,列表项上的颜色变灰

经过调试发现,是因为ionic的这个CSS自定义属性导致的,这个应该是在hover应用的一个颜色,我开发的是手机版不需要hover状态,所以把它改成白色(或你自己需要的颜色)就可以解决点完后变灰的问题了。

--background-hover=#ffffff;
但是我不明白的是ionic是做移动开发的框架,为什么要提供一个hover的状态样式,而且这个问题应该是Ionic的一个bug。

 

以上是关于ionic4 ion-item 点击跳转页面后再回来,列表项上的颜色变灰的主要内容,如果未能解决你的问题,请参考以下文章

在 Ionic 4.0 中更改 ion-item 背景颜色

jsp点击一个按钮后禁用按钮,执行完事件后再启用按钮

如何从 ionic 4 中的离子项目中删除白色背景?

微信浏览器跳转页面后再返回,如何恢复到跳转前的位置的问题。

ionic v4修改组件样式

在 Ionic4 中加载页面时播放声音