//默認(rèn)input[type="checkbox"] {margin-top: 7px;cursor: pointer;position: relative;width: 14px;height: 14px;font-size: 14px;margin-right: 8px;background-color:#fff;}//選中后修改input[type="checkbox"]::after {position: absolute;top: 0;//修改默認(rèn)背景色//修改默認(rèn)對(duì)勾顏色color: #fff;width: 14px;height: 14px;display: inline-block;visibility: visible;text-align: center;border-radius: 2px;content: " ";}// 被選中input[type="checkbox"]:checked::after {border: none;border-radius: 2px;// content: "?";background-color:red;content: "/";font-size: 12px;font-weight: lighter;}

總結(jié)

以上是生活随笔為你收集整理的修改复选框样式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。