首页 > 代码库 > bootstrap的模拟单选按钮
bootstrap的模拟单选按钮
<div class="btn-group" data-toggle="buttons" id="radio"> <label class="mt10 mr5 w140 btn bdr-0 bdc-C4C4C4 c-7D809C fw600"> <input type="radio" name="style_radio">Sedan </label> <label class="mt10 mr5 w140 btn bdr-0 bdc-C4C4C4 c-7D809C fw600"> <input type="radio" name="style_radio">Coupe </label> <label class="mt10 mr5 w140 btn bdr-0 bdc-C4C4C4 c-7D809C fw600"> <input type="radio" name="style_radio">Truck </label> <label class="mt10 mr5 w140 btn bdr-0 bdc-C4C4C4 c-7D809C fw600"> <input type="radio" name="style_radio">Van </label> <label class="mt10 mr5 w140 btn bdr-0 bdc-C4C4C4 c-7D809C fw600"> <input type="radio" name="style_radio">SUV </label> <label class="mt10 mr5 w140 btn bdr-0 bdc-C4C4C4 c-7D809C fw600"> <input type="radio" name="style_radio">Luxury </label> </div>
.btn.active, .btn:active{ background-color: #4BE4CC; color: #FFF; border: 1px solid #FFF; }
.mt10{
margin-top: 10px;
}
.mr5{
margin-right: 5px;
}
.w140{
width: 140px;
}
.bdr-0{
border-radius: 0;
}
.bdc-C4C4C4{
background-color: #C4C4C4;
}
.c-7D809C{
color: #7D809C
}
.fw600{
font-weight: 600;
}
bootstrap的模拟单选按钮
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。