是这样的,最近再写一个项目,用的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去掉试试