http://jsfiddle.net/7KDr8/7/
使用Safari 6.0.1和以下样式,我的按钮以“错误”方式呈现:
此错误仅在Safari中发生.
.btn { height: 40px !important; line-height: 40px !important; overflow: hidden; padding: 0 20px; text-align: center; margin: 0 auto; float: left; margin-bottom: 40px; background-color: #15518d; background-repeat: no-repeat !important; border-bottom: 4px solid #032a52 !important; text-shadow: 0 0 3px rgba(0,.2); color: #fff !important; font-weight: 500; font-size: 15px !important; border-radius: 4px; -webkit-background-clip: padding-Box; background-clip: padding-Box; text-transform: none !important; cursor: pointer }
正如您所看到的,按钮的右边框似乎开始“重复”,按钮的左边框具有一些应该只在底部的颜色.
有没有人遇到过这个bug或知道修复?谢谢!
解决方法
原文地址:https://www.jb51.cc/css/213994.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。