为了账号安全,请及时绑定邮箱和手机立即绑定

checked 选中后 label 样式不显示

checked 选中后 label 样式不显示

KraothMa 2017-03-18 14:23:36
Html <div class="radio_style" style="margin-left:15px;"> <input type="radio" name="identity" value="0" onclick="changetr(1)" id="suident"/> <label for="suident"> <div class="c"></div> </label> </div>CSS.reg_box .inp_line .rights .radio_style{ width:65px;height:28px;border-radius:14px;position:relative;float:left;margin:4px 0;box-shadow:0 0 9px rgba(0,0,0,0.15);}.reg_box .inp_line .rights .radio_style input[type=radio]{ visibility:hidden;}.reg_box .inp_line .rights .radio_style label{ position:absolute;left:0;top:0;width:65px;height:28px;border-radius:14px;background:#ddd;transition:0.3s;}.reg_box .inp_line .rights .radio_style label .c{ border-radius:100%;background:#fff;position:absolute;left:0;transition:0.3s;width:26px;height:26px;top:0;margin:1px;}.reg_box .inp_line .rights .radio_style input[type=radio]:checked + label{ background:#3eb3e8;transition:0.3s;} .reg_box .inp_line .rights .radio_style input[type=radio]:checked + label .c{ left:37px;transition:0.3s;}
查看完整描述

2 回答

?
慕斯7606887

TA贡献2条经验 获得超0个赞

把你的代码放到 我的编辑器里 发现可以,  我想是我么的头部不一样!

<!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" />


查看完整回答
反对 回复 2017-06-08
?
qq_运着篮球的挨踢侠客丶_0

TA贡献15条经验 获得超3个赞

.reg_box .inp_line .rights   这段去掉

.radio_style{ width:65px;height:28px;border-radius:14px;position:relative;float:left;margin:4px 0;box-shadow:0 0 9px rgba(0,0,0,0.15);}

查看完整回答
反对 回复 2017-03-23
  • 2 回答
  • 0 关注
  • 2523 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信