下面是编程之家 jb51.cc 通过网络收集整理的代码片段。
编程之家小编现在分享给大家,也给大家做个参考。
.btn_blue,.btn_red,.btn_gray {display:inline-block; height:22px; line-height:20px; line-height:22px\0; *line-height:24px; _overflow:hidden; padding:0 12px; margin:0; text-align:center; border-radius:3px;border-radius:0\9;/*IE9下,渐变滤镜不支持圆角,四角会显示白色背景色*/} :root .btn_blue,:root .btn_red,:root .btn_gray {line-height:24px\0;/* IE9 */} .btn_blue:focus,.btn_red:focus,.btn_gray:focus {/*border-color:#93d4fc;*/box-shadow:0 0 5px #60caff;} .btn_blue:active,.btn_red:active,.btn_gray:active {outline:none;} .btn_blue {border:1px solid #0d659b; color:#fff; color:#fff!important; background-color:#238aca; background:-moz-linear-gradient(top,#238aca,#0074bc); background:-webkit-linear-gradient(top,#0074bc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#238aca',endColorstr='#0074bc'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#238aca',endColorstr='#0074bc')";} .btn_blue:hover {text-decoration:none; background-color:#238aca; background:-moz-linear-gradient(top,#2a96d8,#0169a9); background:-webkit-linear-gradient(top,#0169a9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a96d8',endColorstr='#0169a9'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a96d8',endColorstr='#0169a9')";} .btn_blue:active {background-color:#238aca; background:-moz-linear-gradient(top,#0074bc,#238aca); background:-webkit-linear-gradient(top,#238aca); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0074bc',endColorstr='#238aca'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0074bc',endColorstr='#238aca')";} .btn_gray {border:1px solid #BEBEBE; color:#494949; color:#494949!important; background-color:#fff; background:-moz-linear-gradient(top,#fff,#e0e0e0); background:-webkit-linear-gradient(top,#e0e0e0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e0e0e0'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e0e0e0')";} .btn_gray:hover {color:#000; text-decoration:none; background:-moz-linear-gradient(top,#fefefe,#d2d2d2); background:-webkit-linear-gradient(top,#d2d2d2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#d2d2d2'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#d2d2d2')";} .btn_gray:active {background:-moz-linear-gradient(top,#d4d3d3,#f9f8f8); background:-webkit-linear-gradient(top,#f9f8f8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4d3d3',endColorstr='#f9f8f8'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4d3d3',endColorstr='#f9f8f8')";} .btn_red {border:1px solid #a22626; color:#fff; color:#fff!important; background-color:#e54a56; background:-moz-linear-gradient(top,#f5505f,#d3454b); background:-webkit-linear-gradient(top,#d3454b); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5505f',endColorstr='#d3454b'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5505f',endColorstr='#d3454b')";} .btn_red:hover {text-decoration:none; background-color:#f1505b; background:-moz-linear-gradient(top,#ff6574,#e13841); background:-webkit-linear-gradient(top,#e13841); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6574',endColorstr='#e13841'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6574',endColorstr='#e13841')";} .btn_red:active {background-color:#e33c44; background:-moz-linear-gradient(top,#e13841,#ff6574); background:-webkit-linear-gradient(top,#ff6574); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e13841',endColorstr='#ff6574'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e13841',endColorstr='#ff6574')";} .btn_big{ height:28px; line-height:26px;*line-height:30px;line-height:26px\0;font-size:14px; padding:0 16px;} :root .btn_big {line-height:30px\0;} .btn_disabled{ opacity:0.4;filter:alpha(opacity=40);cursor:default!important;} .btn_transparent {border:none;background:transparent;cursor:pointer;color:inherit;*color:#fff;} /* 作用于input标签的btn样式 */ .btn_input {height:24px;line-height:19px;line-height:20px\0;padding:0 15px 3px;cursor:pointer;*width:auto;*overflow:visible;_line-height:17px;_padding:3px 12px 0;}
以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。
如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。