1、菜单收起
鼠标离开面板收起
.el-cascader-panel.is-bordered {
border: 0;
&:hover {
.el-scrollbar.el-cascader-menu:nth-child(2),
.el-scrollbar.el-cascader-menu:nth-child(3) {
display: inline;
}
}
.el-scrollbar.el-cascader-menu {
&:first-child {
background-color: rgba(255, 255, 255, 0.6);
}
&:nth-child(2),
&:nth-child(3) {
display: none;
}
}
.el-cascader-menu__wrap.el-scrollbar__wrap {
height: 490px;
li {
height: 65px;
}
}
}
2、点击文字选中
/deep/ .el-radio{
display: table;
width: 100%;
height: 100%;
position: absolute;
color: red;
.el-radio__input{
visibility: hidden;
}
}
修改前:
修改后:
3、总结
修改样式先去浏览器找到相应部分的选择器,然后做相应修改。