css checkbox样式

.massage_chcekbox {
            display: inline-block;
            line-height: 20px;
        }
        .massage_chcekbox input[type="checkbox"] {
            width: 20px;
            height: 20px;
            display: inline-block;
            border-radius: 2px;
            vertical-align: middle;
            margin-right: 10px;
            border: solid 1px #ccc;
            -webkit-appearance: none;
            outline: none;
        }
        .smassage_chcekbox input[type="checkbox"] {
            width: 15px;
            height: 15px;
            display: inline-block;
            border-radius: 2px;
            vertical-align: middle;
            border: solid 1px #ccc;
            -webkit-appearance: none;
            outline: none;
        }
        .massage_chcekbox input[type="checkbox"]:checked {
            background-color: #459df5;
            text-align: center;
            border: 0;
        }
        .massage_chcekbox input[type="checkbox"]:checked:after{
            content: "✓";
            font-size: 15px;
            text-align: center;
            background-color: #459df5;
         }