原有樣式如圖
修改後的樣式如下:
以下代碼,不成功我把吊砍下來
input[type=checkbox] {
margin-right: 5px;
cursor: pointer;
font-size: 14px;
width: 15px;
height: 12px;
position: relative;
}
input[type=checkbox]:after {
position: absolute;
width: 15px;
height: 15px;
top: 0;
content: " ";
color: #fff;
display: inline-block;
visibility: visible;
padding: 0px 2px;
border-radius: 3px;
background:#FFFFFF;
border:1px solid #DDDDDD;
}
input[type=checkbox]:checked:after {
content: "✓";
font-size: 12px;
font-weight:600;
background-color: #36AEFF;
}