请教一下，table修改这个选中的为圆该如何修改

Question

现在这个问题是，修改element table选中框的样式为圆形样式，看具体的做法该如何实现呢，请教一下各位。

Answer 1

如果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>