如何将输入类型复选框的 CSS 转换为情感样式？

Question

我有以下CSS ...

input[type="checkbox"]:before {
    border: 1px solid #333;
    display: inline-block;
    font: 15px/1em sans-serif;
    height: 13px;
    border-radius: 2px;
    padding: 0;
    vertical-align: top;
    width: 13px;
    }

input[type="checkbox"]:checked:before {
    background: #fff;
    content: "\2713";
    }

input[type="checkbox"]:checked:after {
    font-weight: bold;
    }