<html>
<head>
<meta charset="utf-8">
<style>
input[type="radio"] { width: 16px; height: 16px; opacity: 0; }
label { position: relative; }
label::before { position: absolute; content: ''; left: -25px; top: 2px; width: 16px; height: 16px; border-radius:2px; border: 1px solid #707070; }
input:checked+label::before { background-color: #fff; border: 1px solid #707070; }
input:checked+label::after { position: absolute; content: ""; width: 4px; height: 9px; top: 4px; left: -19px; border: 2px solid #707070; border-top: none; border-left: none;transform: rotate(45deg);}
</style>
</head>
<body>
<form>
<div>
<input id="item1" type="radio" name="item" value="选项一" checked>
<label for="item1">
<span>选项一</span>
</label>
</div>
<div>
<input id="item2" type="radio" name="item" value="选项二">
<label for="item2">
<span>选项二</span>
</label>
</div>
</form>
</body>
</html>
6425
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
