<!DOCTYPE html>
<html lang="en">
<head>
<meat charset="utf-8">
<title>checkbox边框样式修改</title>
</head>
<style type="text/css">
input[type="checkbox"]{
width:16px;
height:16px;
border:1px solid #999;
background-color:#fff;
line-height:16px;
border-radius:2px;
color:#fff;
text-align:center;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-o-appearance:none;
}
input[type="checkbox"]:checked{
color:#333;
}
input[type="checkbox"]:after{
content:"✔";
}
</style>
<body>
<p><input type="checkbox">我已同意此条款<p>
</body>
</html>
checkbox 修改边框样式
最新推荐文章于 2024-05-07 09:22:09 发布