核心思路:通过css隐藏小圆圈,并扩大小圆圈的显示范围,然后设置visibility为hidden
.el-cascader-panel .el-radio {
position: absolute;
width:100%;
height:100%;
// border: 1px solid #f00;
right:-10px;
}
.el-cascader-panel .el-radio .el-radio__input {
visibility: hidden;
}
如果无法解决第三方组件的样式问题有以下方法:
1、>>>
2、/deep/{}
1和2都是穿透样式,如果不好用就再写一个
<style>
</style>
注意:不能加 scoped 和 lang=“scss”,不加任何属性,这也是没办法的办法