css覆盖input默认样式（scss）

CSS的content属性，加入一些特殊字符来实现网页效果:www.cnblogs.com/dayin1/p/13…

input[type=radio] {
      display: inline-block;
      width: 40px;
      height: 40px;
      opacity: 0.3;
      border: 2px solid #000000;
      border-radius: 50%;
      overflow: hidden;
      vertical-align: middle;
      text-align: center;
      -webkit-appearance: none; //把原来的样式整个抹掉
      outline: 0;
      background: 0 0;
      padding: 0;
  }
  input[type=radio]:checked{
    width: 40px;
    height: 40px;
    border: 2px solid #D6AA6A; 
    &::after { 
        content: '\2022'; 
        font-size: 80px;
        text-align: center; 
        line-height:40px; 
        color: #D6AA6A; 
    }
  }