tdesign登录框字体图标颜色变白

最近有一个登录页用tdesign的form写的,本来是很简单的事,但是测试后除了很奇怪的bug,当我一次登录时字体颜色图标都正常,如下图

当我从主页退回到登录页的时候,奇怪的事情发生了,变成了下图

我一度以为是我的样式或是未清空还是那个步骤出了问题,但是输入值是空的,所有状态都是正常的,看了一下图标的填充颜色,发现此时的填充颜色为白色,字体颜色也是白色,继续查找问题,直到我看到一个颜色样式:root, :root[theme-mode="dark",然后我刷新发现我登录时候是light,进入主页在退出就成了dark,才找到问题原因(是同事在进入主页时设置了暗黑模式),所以不算是bug的bug吧,万一谁跟我一样遇到了,不至于找半天不知道为啥,解决方案就是在登陆组件中

	componentDidMount() {
		document.documentElement.setAttribute('theme-mode', 'light');
	}

就好了,记录一下这个很奇妙的小bug,或许谁跟我一样也遇到了呢。

  • 9
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值