由于需要对某个dom进行字体渐变，就写了如下代码:

{

background-image: linear-gradient(to bottom, #ffffff, #93c3eb);

color: transparent;

background-clip: text;

 -webkit-background-clip: text;

}

点击按钮，这个dom里插入的变量内容就会改变，但是我用真机测试时发现字体颜色虽然实现了渐变，点击按钮时却没有发生变化，我打印日志也能看到变量内容确实改变了，就是没有渲染到页面上，而其他没有添加渐变样式的则是正常的，求助，这个应该怎么解决啊？