如何美化单选框按钮？

.toggle
    text-align center
    width 40px
    height 40px
    position absolute
    top 0
    bottom 0
    margin auto 0
    //让按钮上下居中对齐
    border null
    //去除原始边框
    appearance none
    //去除按钮的原始样式
    outline none
    //去除外边框的线
    &:after
      content url('../assets/images/round.svg')
    //  未选中的图片
    &:checked:after
      content url('../assets/images/done.svg')
   // 选中后的图片