我有以下适用于 Safari、Chrome 和 Firefox 的按钮:
上面的CSS:
.button {
background: linear-gradient(315deg, transparent 10px, #FF7805 10px, #FFA13E 100%) repeat scroll 0 0 transparent;
color: #FFFFFF;
font-family: 'RalewayRegular',Arial,sans-serif;
font-size: 1em;
margin: 0.5em 0;
padding: 0.5em 1.2em 0.5em 0.8em;
position: relative;
text-decoration: none;
transition: all 0.3s ease-in-out 0s;
}
可悲的是,在 IE10 中,按钮实际上做了一些奇怪的事情:
我可以调整语法以使其正常工作吗?我已经设法将一个类添加到我的标签中,这样我就可以使用 CSS 来定位它。
下面的小提琴:http: //jsfiddle.net/KYmTV/1/