標籤：inpu cal 純css web log ica check 利用 相容性
利用css的：label代替checkbox效果
優點：不需要圖片，純css搞定
缺點：相容性，IE8以下不支援
直接上代碼：
<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>用css改變預設的checkbox樣式</title></head><body><div><label><input type="checkbox"><b></b>選擇</label></div><style>input[type="checkbox"]{display: none;}input[type="checkbox"]+b{ display: inline-block; width: 18px;height: 18px; border: 1px solid #ccc; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; vertical-align: middle;}input[type="checkbox"]:checked+b{ background: #f00;border-color: #f00;}</style></body></html>
用css改變預設的checkbox樣式
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
