element-ui中el-date-picker的背景白色怎么改为透明使用.el-date-picker__editor-wrap 修改不了
时间: 2023-11-17 20:58:58 浏览: 1787
最全 element UI el-date-picker组件换色(less)
在element-ui中,el-date-picker的背景颜色可以通过修改.el-picker-panel和.el-popper的样式来实现。但是,如果想要修改内部输入框的背景颜色,需要使用/deep/或>>>来穿透组件的样式隔离。具体实现方法如下:
```
<style lang="scss">
.el-date-picker__editor-wrap >>> .el-input__inner {
background-color: transparent !important;
}
</style>
```
这样就可以将内部输入框的背景颜色改为透明了。需要注意的是,使用/deep/或>>>来穿透样式可能会影响到其他组件,所以需要谨慎使用。
阅读全文