& lt; ! DOCTYPE html>
& lt; html lang="应用"比;
& lt; head>
,,,& lt; meta charset=皍tf - 8”比;
,,,& lt; meta http-equiv=癤-UA-Compatible”,内容=癐E=边缘”比;
,,,& lt; meta name="视窗",内容=翱矶?设备宽度,初始=1”比;
,,,& lt; title> & lt;/title>
,,,& lt; link href=" https://www.yisu.com//cdn.bootcss.com/bootstrap/3.0.3/css/bootstrap.min.css ", rel=把奖怼北?
,,,& lt; link href=" https://www.yisu.com//cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css ", rel="样式表"/比;
& lt;/head>
& lt; body>
& lt; form action="比;
,,,& lt; label 类=案囱】颉北?
,,,,,,,& lt; input 类型=案囱】颉?类=霸肌?name=案囱】颉?value=" https://www.yisu.com/zixun/xuanzhong "比;
,,,,,,,& lt; span 类=靶隆弊４莄heckbox
,,,& lt;/label>
,,,& lt; label 类=肮悴ァ北?
,,,,,,,& lt; input name=" radioOption,类型=肮悴ァ?类=霸肌?value=" https://www.yisu.com/zixun/radio1 "比;
,,,,,,,& lt; span 类=靶隆北?
,,,,,,迎合广大
,,,& lt;/span>
,,,& lt;/label>
,,,& lt; label 类=肮悴ァ北?
,,,,,,,& lt; input name=" radioOption,类型=肮悴ァ?类=霸肌?value=" https://www.yisu.com/zixun/radio2 "比;
,,,,,,,& lt; span 类=靶隆北?
,,,,,,radio2
,,,& lt;/span>
,,,& lt;/label>
,,,& lt; button 类型=疤峤弧?类=癰tn btn-success祝辞提交& lt;/button>
& lt;/form>
& lt;/body>
& lt;/html>
/*给原始的复选框和单选按钮设置样式*/输入(type=复选框).original,输入[type=广播].original {
,,,不透明度:0;
,,,z - index: 1;
,,,宽度:18 px;
,,,身高:18 px;
,,,光标:指针;
}/*给新的复选框和单选按钮设置同样的大小*/输入(type=复选框).original +,格式,,输入[type=广播].original +, .new {
,,,显示:inline-block;
,,,保证金:0;
,,,行高:20 px;
,,,最低高度:18 px;
,,,min-width: 18 px;
,,,粗细:正常;
,,,光标:指针;
}/*把原始的复选框和单选按钮彻底隐藏起来*/label 输入(type=复选框).original, label 输入[type=广播].original {
,,,z - index: -100, !重要;
,,,宽度:0,!重要;
,,,身高:0,!重要;
}/*彻底去掉原始的复选框和单选按钮选中时的边框轮廓*/输入(type=复选框).original:检查,,输入(type=无线电).original:检查,,输入(type=复选框).original:专注,输入(type=无线电).original: focus {
,,,大纲:none !重要;
}/*新的复选框和单选按钮公共样式*/输入(type=复选框).original +,格式::,,输入[type=广播].original +,格式::before {
,,,光标:指针;
,,,字体类型:fontAwesome;
,,,粗细:正常;
,,,字体大小:12 px;
,,,颜色:# 32 a3ce;
,,,内容:“\ a0”;
,,,背景颜色:# FAFAFA;
,,,边界:1 px solid # c8c8c8;
,,,不必:0,1 px 2 px rgba (0, 0, 0, 0.05);
,,,这个特性:0;
,,,显示:inline-block;
,,,text-align:中心;
,,,身高:16 px;
,,,行高:14 px;
,,,min-width: 16 px;
,,,margin-right: 1 px;
}/*新的单选按钮单独样式*/输入[type=广播].original +,格式::before {
,,,这个特性:100%;
,,,字体大小:10 px;
,,,文本阴影:0,0,1 px # 32 a3ce;
,,,行高:16 px;
,,,身高:17 px;
,,,min-width: 17 px;
}/*新的复选框和单选按钮悬停时边框的样式*/输入(type=复选框).original: hover +,格式::,,输入(type=无线电).original: hover +,格式::,,输入(type=复选框).original +,格式:徘徊::,,输入[type=广播].original +,格式:徘徊:before {
,,,边框颜色:# ff893c;
}/*新的复选框选中的样式*/null
null
null
null
null
null
null
null
null
null
null
null
null
null
