光标和内容CSS属性在IE11中无法正常工作

Question

我找到了一些允许自定义复选框和单选按钮的代码，该代码在IE11以外的所有浏览器中都很好用。自定义外观看起来不错，但是没有显示指针，也没有显示content属性。不确定如何解决。

.form-checkbox {
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  background-color: #d6d6d6;
  color: #254294;
  height: 25px;
  width: 25px;
  border: 0;
  border-radius: 50px;
  cursor: pointer;
  margin-right: 7px;
  outline: none;
}
.form-checkbox::-ms-check {
  display: none;
}
.form-checkbox:checked::before {
  position: absolute;
  font: 17px/1 'Open Sans', sans-serif;
  left: 7px;
  top: 4px;
  content: '\02143';
  transform: rotate(40deg);
}

<input type='checkbox' class='form-checkbox' />