el-scrollbar修改滚动条不生效

想要修改el-scrollbar样式  搜了一圈发现基本上都是这样的 但是我用居然不生效

这个时候可以加个穿透试试::v-deep

改前
        // 滚动条一直显示 + 滚动条宽度
        .el-scrollbar__bar.is-vertical {
          opacity: 1 !important;
          width: 5px !important;
        }

        // 滚动条
        .el-scrollbar__bar {
          background-color: rgba(80,144,140,0.16) !important;
        }
        // 滚动条和hover后的背景色
        .el-scrollbar__thumb {
          background-color: rgba(19,252,200,1) !important;
        }
        .el-scrollbar__thumb:hover {
          background-color: rgba(19,252,200,1) !important;
        }

改后
        // 滚动条一直显示 + 滚动条宽度
        ::v-deep(.el-scrollbar__bar.is-vertical) {
          opacity: 1 !important;
          width: 5px !important;
        }

        // 滚动条
        ::v-deep(.el-scrollbar__bar) {
          background-color: rgba(80,144,140,0.16) !important;
        }
        // 滚动条和hover后的背景色
        ::v-deep(.el-scrollbar__thumb) {
          background-color: rgba(19,252,200,1) !important;
        }
        ::v-deep(.el-scrollbar__thumb:hover) {
          background-color: rgba(19,252,200,1) !important;
        }