Element-UI 进度条颜色怎么改，不是color属性，是未达到的颜色，是用svg画的

Question

灰色部分的颜色怎么改？？？

stroke的颜色

Answer 1

可以用js改

this.$refs.svg.style.stroke = 'red'

Answer 2

通过refs结合js代码定位到这个元素再修改就可以了啊

Answer 3

你这个属于父组件修改子组件的样式, 子组件拥有作用域修改不到,修改这样:

  .el-progress /deep/ path:first-child {
    stroke: #17cb7e;
  }

或者

  .el-progress >>> path:first-child {
    stroke: #17cb7e;
  }

/deep/ 和 >>> 换着试试下, 我的是可以的