900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 自学篇之-纯css做的漂亮的单选框复选框样式【HTML】

自学篇之-纯css做的漂亮的单选框复选框样式【HTML】

时间:2020-09-04 15:25:38

相关推荐

自学篇之-纯css做的漂亮的单选框复选框样式【HTML】

web前端|html教程

自学篇之-纯css做的漂亮的单选框复选框样式

web前端-html教程

checkbook

ssm图书管理项目源码,ubuntu 字体重装,tomcat作用是干什么,大数据爬虫代码,学php需要学框架吗,seo域名备案lzw

[id^=”checkbox-“] + label {

background-color: #FFF;

padding: 11px 9px;

border-radius: 7px;

display: inline-block;

position: relative;

margin-right: 30px;

background: #F7836D;

width: 88px;

height: 13px;

box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1), 0 0 10px rgba(245, 146, 146, 0.4);

}

在线音乐播放 php 源码,zx6 ubuntu,tomcat9连接jdk,内网代理运行爬虫,php10000是多少钱,返回500 seolzw

[id^=”checkbox-“] + label:before {

content: ‘ ‘;

position: absolute;

background: #FFF;

top: 0px;

z-index: 99999;

left: 0px;

width: 24px;

color: #FFF;

height: 35px;

border-radius: 7px;

box-shadow: 0 0 1px rgba(0,0,0,0.6);

}

繁体字转换 源码,vscode代码颜色默认,ubuntu关闭节能,tomcat 随机请求,sqlite更新关键字,js 范围选择滑块插件,前端兼容ie8用什么框架,模拟浏览器的爬虫,高洛峰 php视频教程,甘肃seo推广价位,手机访问网站 自动缩放,静态网页上线,游戏网页模板lzw

[id^=”checkbox-“] + label:after {

content: ‘禁止’;

position: absolute;

top: 7px;

left: 37px;

font-size: 1.2em;

color: white;

font-weight: bold;

left: 8px;

padding: 5px;

top: 4px;

border-radius: 100px;

}

[id^=”checkbox-“]:checked + label {

background: #67A5DF;

box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1), 0 0 10px rgba(146, 196, 245, 0.4);

}

[id^=”checkbox-“]:checked + label:after {

content: ‘允许’;

left: 6px;

}

[id^=”checkbox-“]:checked + label:before {

content: ‘ ‘;

position: absolute;

z-index: 99999;

left: 82px;

}

[id^=”checkbox-“] + label:after {

left: 35px;

}

.radio +label{

position: relative;

display: inline-block;

z-index: 999;

width: 12px;

height: 25px;

padding: 3px 29px;

}

.radio+label:before{

content:””;

color:#fff;

width: 20px;

height: 20px;

background: #777980;

border-radius: 15px;

position: absolute;

top: 4px;

left: 4px;

display:block;

box-shadow: 0px 0px 3px #A19797;

}

.radio:checked+label:before{

content:””;

background: #1caf9a;

}

.radio+label:after{

content: attr(title);

width: 8px;

height: 8px;

display:block;

border: 3px solid #F7F9F9;

position: absolute;

top: 7px;

left: 7px;

border-radius: 7px;

background: #777980;

box-shadow: 0px 0px 3px #F2EBEB;

}

.radio:checked+label:after{

background: #1caf9a;

}

利用复选框做开关

问:您是否觉得您是最好的?

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。