问题:无法修改 DatePicker 日期选择器的样式(使用了 deep 样式穿透也不行)
DatePicker 日期选择器弹出面板默认挂载在 body 上,官网中提供了一个给弹出面板设置 class 类名的属性(popper-class),通过该属性添加类名后选择该类名来修改样式即可。
<el-date-picker v-model="date" type="date" popper-class="dateChange">
</el-date-picker>
.dateChange{
// 日
.el-date-table td.current:not(.disabled) span{
background-color: #01ada8 ;
}
.el-date-table td.today span{
color: #01ada8 ;
}
.el-date-table td.available:hover{
color: #01ada8 ;
}
// 月
.el-month-table td.today .cell{
color: #01ada8 ;
}
.el-month-table td.current:not(.disabled) .cell{
color: #01ada8 ;
}
.el-month-table td .cell:hover{
color: #01ada8 ;
}
}