ElementUI el-date-picker组件的popper-class属性设置样式后不生效

697 阅读1分钟

在使用Elementui组件库做一个时间组件的功能设计,需要修改el-date-picker的组件样式为选择某天的这种样式,需要对样式做一些调整. 在调整过程中,发现popper-class直接设置css样式不起作用,而后采用样式穿透发现依旧不起作用.这是因为el-popper生成的div不在当前组件之内,甚至不在App.vue组件的div内,他和App.vue组件的div平级。所以需要全局设置style

<style lang="scss">
    .data_picker_month .el-picker-panel__body-wrapper .el-picker-panel__body .el-date-picker__header{
    display: none;
}
</style>
<style lang="scss">
   //原来app.vue的代码
</style>

效果图

image.png