element plus自定义日期范围选择器样式

解决思路

老方法，找到组件解析的类名，自定义覆盖掉。

.el-date-editor {
	width: 300px;
}

不好使，哈哈。没关系，scoped里的样式不生效，多半是没有深度监听，加上deep试试。

:deep(.el-date-editor) {
	width: 300px;
}

搞定收工。

总结

如上所述，scoped声明样式作用域后，页面里的样式是无法穿透调用的组件。这时候就需要deep深度选择器来修改，在一些老项目中也可以通过 >>> 实现。