改变input复选框的选中的默认背景颜色跟对勾的颜色

//默认
input[type=checkbox]{
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            font-size: 14px;
            margin-right: 8px;
          }

//选中后修改 
input[type=checkbox]::after{
              position: absolute;
              top: 0;
               //修改默认背景色
              background-color: #fff;
              border:1px solid #aaaaaa; 
               //修改默认对勾颜色
              color: #28b28b;
              width: 16px;
              height: 16px;
              display: inline-block;
              visibility: visible;
              text-align: center;
              content: ' ';
 }
        
input[type=checkbox]:checked::after{
              content: "√";
              font-size: 12px;
              // font-weight: bold;
          }