修改element ui

是这样的,最近再写一个项目,用的scss 有个地方要修改element ui里面的部分样式,试完/deep/和穿透符都不管用,上网搜了下,::v-deep也不管用,给我整不会了,哪位有经验的话麻烦留个言

你要看你用的哪个组件,比如弹框类的,可以写在最外层试试

使用:deep(),例如

<template>
   <div class="box">
     <el-button></el-button>
   </div>
</template>
<script setup>
</script>
<style lang="scss" scoped>
  .box{
    :deep(.el-button){
       background-color:red;
    }
  }
</style>

首先要放代码不然说啥都是猜测。
还有你要修改的是什么组件,有一些组件例如popup之类的并不在 vue挂载的div下面(就是默认情况下id是app的那个),而一般情况下你的style标签都有scope,那自然怎么改都修改不了了

也可以在全局样式表中更改,或者直接在vue文件中新建一个不带scoped的style, 但是要注意副作用

把style的scoped去掉试试