elementPlus的datepicker组件样式不生效

1,038 阅读1分钟

修改elementPlus的datepicker组件样式不生效

1.在scoped里面修改css样式

background:red !important

2.使用/deep/穿透

在使用过以上两种方法后,这个datepicker组件css样式还是没有被修改,真是百事得其解

修改elementPlus的datepicker组件样式正确方法

将修改的样式单独写成一个css文件或者less文件等,Vue里的main.js里引入这个样式文件,最后在datepicker组件里使用 popper-class,具体步骤如图(喜欢的朋友麻烦点个关注点个赞):

less.jpg

main.jpg

date.jpg