我想制作一个类似的按钮,但不使用多重背景渐变图片。这可能吗?
<span class="customStyleSelectBox">Dummy Text</span>
在这里尝试jsfiddle http://jsfiddle.net/Awf6s/2/
我想制作一个类似的按钮,但不使用多重背景渐变图片。这可能吗?
<span class="customStyleSelectBox">Dummy Text</span>
在这里尝试jsfiddle http://jsfiddle.net/Awf6s/2/
您可以用逗号分隔定义多个渐变。例如:
.customStyleSelectBox {
...
background: linear-gradient(#fff, #999) no-repeat border-box, linear-gradient(#eee, #777) no-repeat border-box;
background-size: 98px 50px, 18px 50px;
background-position: 0 0, 98px 0;
background-origin: padding-box, padding-box;
}
请查看您更新后的jsfiddle链接。