页面样式含有scoped属性如何修改el-cascader滚动条颜色而不影响其他页面的el-cascader滚动条颜色

如果页面样式使用了scoped属性，以限制样式的作用范围，你可以通过以下步骤修改el-cascader组件的滚动条颜色，而不影响其他页面的el-cascader滚动条颜色：

1. 在Vue组件中，为el-cascader组件添加一个自定义的class，例如"custom-cascader"。

2. 在组件的样式部分（style）中，使用/deep/选择器来穿透scoped属性的限制。

<style scoped>
.custom-cascader /deep/ .el-scrollbar__wrap::-webkit-scrollbar {
  background-color: <desired-color>;  // 设置滚动条背景颜色
}

.custom-cascader /deep/ .el-scrollbar__thumb::-webkit-scrollbar-thumb {
  background-color: <desired-color>;  // 设置滚动条滑块颜色
}
</style>

其中，`<desired-color>`是你想要设置的颜色值。

3. 在el-cascader组件中添加自定义class。

<el-cascader class="custom-cascader"></el-cascader>

这样，只有具有custom-cascader类的el-cascader组件会受到样式的影响，其他页面的el-cascader组件不会受到影响。

请注意，使用/deep/选择器可能在将来的Vue版本中被废弃。如果你使用的是Vue 3.x版本，建议使用::v-deep伪类选择器来代替/deep/选择器。