checkbox样式修改

checkbox样式修改

<input type="checkbox">
  选择

input[type=checkbox] {
        margin-right: 10px;
        cursor: pointer;
        width: 15px;
        height: 15px;
        position: relative;
    }
     
    input[type=checkbox]:after {
        position: absolute;
        width: 10px;
        height: 15px;
        top: 0;
        content: " ";
        background-color: #fff;
        color: #fff;
        display: inline-block;
        visibility: visible;
        border: 1px solid rgb(245,245,245);
        padding: 0 3px;
        border-radius: 3px;
    }
     //设置背景色和勾选图标
    input[type=checkbox]:checked:after {
        background-color: #0f97e7;
        content: "✓";
        font-size: 12px;
    }