element plus 中 el-radio 选中聚焦的时候会有光圈的问题

在我们使用 el-radio 有时候选中聚焦之后,就会发现小圆圈有点模糊,外面有一层光圈。这是因为element plus的底层css封装了样式,f12找到radio,hover选择focus就会看到。

解决这个问题也很简单,只要样式覆盖就可以:
.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { box-shadow: 0 0 2px 2px #fff; }

参考文章:
https://blog.csdn.net/weixin_49238278/article/details/112680370

posted @ 2022-04-13 16:22  最爱宋人头  阅读(716)  评论(0编辑  收藏  举报