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或知道修复？谢谢！
