请不要再用这三种方式修改element组件样式

1,555 阅读1分钟

需求:

想要修改element时间选择器的样式,试过三种方法:
1、在style外面另写个style;
2、在组件上加个id或者class定位,然后用 .yourClass /deep/ .element组件样式 修改,会全局污染;
3、将要修改的样式在外面写个单独样式文件,在需要用到的页面引入。

以上三种方法均会引起全局样式污染的问题,正确方法如下:

采用定位组件的方法,通过组件外层的class或id定位,使用 >>> 进行样式穿透。
页面组件:

样式定位:

其中,dateRange 是组件外层的div的class。


公众号回复 加群 ,进群和大佬们交流技术。

微信公众号: 我的web前端自救之路

回复 加群 ,跟大佬们一起交流技术吧