解决方法
梯度将在.btn- *类(假设您使用按钮下拉列表).
例如(使用btn-primary):
.btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0,0.25); background-color: #006dcc; *background-color: #0044cc; background-image: -moz-linear-gradient(top,#0088cc,#0044cc); background-image: -webkit-gradient(linear,0 0,0 100%,from(#0088cc),to(#0044cc)); background-image: -webkit-linear-gradient(top,#0044cc); background-image: -o-linear-gradient(top,#0044cc); background-image: linear-gradient(to bottom,#0044cc); background-repeat: repeat-x; border-color: #0044cc #0044cc #002a80; border-color: rgba(0,0.1) rgba(0,0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
要删除渐变,您只需删除background-color除以外的所有背景属性(包括底部的过滤器):
.btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0,0.25); background-color: #006dcc; border-color: #0044cc #0044cc #002a80; border-color: rgba(0,0.25); }
您也想使用单色边框完成:
.btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0,0.25); background-color: #006dcc; border-color: #0044cc; }
您还需要为.btn – *:hover,:focus和:活动样式做同样的操作.
原文地址:https://www.jb51.cc/css/214546.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。