现在这个问题是,修改element table选中框的样式为圆形样式,看具体的做法该如何实现呢,请教一下各位。
如果2楼给的还不生效,可以加/deep/试试。因为ElementUI 很多class 都比较深,所以很多的时候直接改不生效。
<style lang="scoped">
/deep/ .el-checkbox__input.is-checked{
border-radius: 50%!important;
overflow: hidden;
}
</style>
不过vue3开始要求deep 用::deep(xxx)方式
<style lang="scoped">
::v-deep(.el-checkbox__input.is-checked){
border-radius: 50%!important;
overflow: hidden;
}
</style>
找到对应的样式class,border-radius调成50%
<style lang="scss">
.el-checkbox__input.is-checked{
border-radius: 50%!important;
overflow: hidden;
}
</style>