问题
- 改其他组件例如el-select，我都是用/deep/来修改样式，但是当改el-date-picker样式的时候 我发现deep并不能生效。后来查阅资料发现
elementUI的时间选择器el-date-picker是将元素直接挂载到页面的中，而非自身元素下，所以使用/deep/穿透也是无法定位到元素的
解决
解决办法：
- 在el-date-picker添加popper-class=“el-date-style”， 如下图
- 创建一个less文件, 如下图
- 在vue页面引入文件路径即可 import ‘…/…/assets/stytles/elementLess.css’;
补充：如果不想创建less文件 也可以在vue里面直接再添加一个style标签 如下图
本人代码已注释
版权声明：本文为qq_40011778原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。