CSS復選框input具有多種樣式，使您可以定制復選框的外觀。以下是一些樣式示例：

/* 基本復選框樣式 */
input[type=checkbox] {
/* 設置圖標在左側或右側，取決于語言方向 */
direction:ltr;
display:inline-block;
position:relative;
width:16px;
height:16px;
margin:0;
padding:0;
border:1px solid #999;
background-color:#fff;
cursor:pointer;
}
/* 復選框的選中樣式 */
input[type=checkbox]:checked:before {
content:"\2714";
font-size:12px;
position:absolute;
top:-1px;
left:1px;
color:#007a00;
}
/* 復選框的禁用樣式 */
input[type=checkbox]:disabled {
opacity:0.5;
cursor:not-allowed;
}
/* 更改復選框的外觀 */
input[type=checkbox].custom-checkbox {
width:24px;
height:24px;
}
input[type=checkbox].custom-checkbox:before {
content:"";
display:block;
width:24px;
height:24px;
border:2px solid #999;
background:url("checkbox.png") no-repeat center center;
}
input[type=checkbox].custom-checkbox:checked:before {
background:url("checkbox-checked.png") no-repeat center center;
}

通過上面的代碼，您可以自定義 CSS 復選框 input 的外觀，并通過在 HTML 中添加類名來應用這些樣式。