<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<style>
*{
padding:0;
margin:0;
}
.creatAccountInput{position:relative;display:inline;}
.radioi + .radio-label:before{display:inline-block;vertical-align:text-bottom;margin:0 .2rem 0 .5rem;content: "\a0";font-size:.5rem;width: .4rem;height: .4rem;border-radius: 50%;border: 1px solid #D81E06;text-indent: .15em;padding:.05rem;}
.radioi:checked + .radio-label:before {background-color: #D81E06;background-clip: content-box;}
.radioi{
display: none;
}
</style>
</head>
<body>
<p class="creatAccountInput">
<input type="radio" name="radio" value="0" checked class="radioi" id="radio1">
<label for="radio1" class="radio-label">代理类型</label>
</p>
<p class="creatAccountInput">
<input type="radio" name="radio" value="1" class="radioi" id="radio2">
<label for="radio2" class="radio-label">玩家类型</label>
</p>
</body>
</html>
html css input自定义
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。