vue3+elementUI el-cascader修改组件的选中样式不生效

342 阅读1分钟

image.png

image.png

注意style标签不要加scoped 这个组件的样式修改可以单独写在一个style标签中

<style lang="scss">
  ::v-deep .el-cascader__dropdown .in-active-path {
    color: var(--primary-color)red !important;
    background: #fafbfb !important;
  }
  .el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path {
    color: var(--primary-color) !important;
    background: #fafbfb !important;
  }
  .el-checkbox__input.is-checked .el-checkbox__inner {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
  }
</style>
<style lang="scss" scoped> 其他样式</style>