关于Vue中更改组件中的样式不生效的解决办法（使用/deep/进行样式穿透）

在使用vue中引入外部框架使用组件的时候，更改组件中的子元素的样式常常让我们感到痛苦，这时候就需要用到 /deep/样式穿透来更改样式，具体用法就是 
1 //假如我们引入了一个名字叫inputCell的组件，这个组件内部有个input元素
2 inputCell{
3      /deep/  input{
4        color:pink;
5    } 
6 }

非常的简单粗暴，希望有帮助到大家；

posted @ 2022-08-11 20:12  果宝特工Q  阅读(600)  评论(0)  编辑  收藏  举报