chrome60 设置样式不生效

问题描述

项目中遇到个问题，定义了文字的颜色，在新版本的chrome浏览器中是生效的，但是在60版本的chrome下没有生效，效果对比如下图：

chrome新版本效果：

chrome60版本效果：

就很神奇有没有，控制台观察

chrome新版本：

chrome60版本：

附上代码

 <p class="work-item__num" :style="`color: rgba(${item.color})`">{{ item.dqs }}/{{ item.sum }}</p>

无语这是什么怪现象，我大chrome还会出现这样的情况，地铁老人看手机？？？

解决方式

一顿猛排查，最后发现是语法错误导致的，笑哭

下面是修改后的代码

 <p class="work-item__num" :style="`color: rgb(${item.color})`">{{ item.dqs }}/{{ item.sum }}</p>

哎，好了，哎，就是玩~

变化:

css语法不规范，定义如下:

总结

编码还是要规范使用啊啊啊啊啊啊，哭！