input中checkbox伪类样式勾选框

//css
  input[type="checkbox"]::before{
    border: 1px solid #686461;
    background-color: white;
    width: 12px;
    height: 12px;
    display: block;
    visibility: visible;
    padding-left: 0px;
    margin-right: 5px;
    text-align: center;
    content: ' ';
    line-height: 12px;
    text-indent: 0px;
  }
  input[type="checkbox"]:checked::before{
    content: "✓";
    font-size: 12px;
    font-weight: bold;
    text-indent: 0px;
  }

//html
 <input type="checkbox" name="" id="">