element-ui中el-date-picker的背景白色怎么改为透明使用.el-date-picker__editor-wrap 修改不了
时间: 2023-11-17 10:58:58 浏览: 827
在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/或>>>来穿透样式可能会影响到其他组件,所以需要谨慎使用。
相关问题
element-ui中el-date-picker的背景白色怎么改为透明
要将element-ui中el-date-picker的背景白色改为透明,可以通过以下步骤实现:
1. 在样式表中添加以下代码:
```
.el-date-picker__editor-wrap {
background-color: transparent;
}
```
2. 如果需要将日期选择器的下拉框背景也改为透明,可以添加以下代码:
```
.el-picker-panel {
background-color: transparent;
}
```
请注意,以上代码可能会影响到其他使用了element-ui的组件的样式,如果需要只针对el-date-picker生效,可以在代码前面添加一个选择器,例如:
```
.my-date-picker .el-date-picker__editor-wrap {
background-color: transparent;
}
```
同时,在el-date-picker组件上添加class属性为"my-date-picker"即可。
.el-date-picker__editor-wrap { background-color: #your-color; }不生效
这这是这是CSS这是CSS代码这是CSS代码,这是CSS代码,其这是CSS代码,其作这是CSS代码,其作用这是CSS代码,其作用是这是CSS代码,其作用是改这是CSS代码,其作用是改变这是CSS代码,其作用是改变日期这是CSS代码,其作用是改变日期选择这是CSS代码,其作用是改变日期选择器这是CSS代码,其作用是改变日期选择器组这是CSS代码,其作用是改变日期选择器组件这是CSS代码,其作用是改变日期选择器组件的这是CSS代码,其作用是改变日期选择器组件的背这是CSS代码,其作用是改变日期选择器组件的背景这是CSS代码,其作用是改变日期选择器组件的背景颜这是CSS代码,其作用是改变日期选择器组件的背景颜色这是CSS代码,其作用是改变日期选择器组件的背景颜色。