纯css radio button样式
2021-02-17 13:16
标签：value line bsp his order edit span back isa 纯css radio button样式 标签：value line bsp his order edit span back isa 原文地址：https://www.cnblogs.com/goPush/p/12956454.html div class="inRadio RadioStyle">
input type="radio" checked onclick="editWareHouseIt(this)" id="editOrInsHouse01"
name="editOrInsHouse" value="01">
label for="editOrInsHouse01">按钮一label>
input type="radio" onclick="editWareHouseIt(this)" id="editOrInsHouse02" name="editOrInsHouse"
value="02">
label for="editOrInsHouse02">按钮二label>
div>
.RadioStyle input {
display: none
}
.RadioStyle label {
border: 1px solid #00a4ff;
color: #fff;
line-height: 28px;
min-width: 80px;
text-align: center;
float: left;
font-size: 10px;
border-radius: 4px
}
.RadioStyle input:checked+label {
border: 1px solid #00a4ff;
background-size: 21px 21px;
color: #fff;
background-color: #00a4ff;
}
.RadioStyle input:disabled+label {
opacity: 0.7;
}
文章标题：纯css radio button样式
文章链接：http://soscw.com/index.php/essay/56577.html