uni-app 样式穿透修改第三方组件 不生效

问题描述:

在uni-app + vue3 +less 项目中,修改第三方组件的样式 使用/deep/  或者!important 都不管用 

解决办法:

 

问题原因:

如果你使用的是css,没有使用css预处理器,则可以使用>>>,/deep/,::v-deep。
如果你使用的是less或者node-sass,那么可以使用/deep/,::v-deep都可以生效。
如果你使用的是dart-sass,那么就不能使用/deep/,而是使用::v-deep才会生效。

 

posted @ 2024-05-23 17:08  沁猿春  阅读(619)  评论(0编辑  收藏  举报