css - Sencha 触摸 : green forward button

Question

好的，这是一个 Sencha 链接 http://try.sencha.com/touch/2.2.0/demos/Ext.Button.ui/viewer.html对于不同类型的按钮。所以，从那里让按钮向前，我做

{
xtype: 'button',
ui: 'forward',//I'm adding this string to make it with a right arrow
text: 'forward'
}

很好，很完美。这很容易。

有谁知道如何让这个按钮变成绿色(不仅仅是按钮，还有箭头)？

Answer 1

实际上，对于箭头，他们使用了 webkit 掩码，因此无论您通过使用 css 背景颜色为该箭头赋予什么背景颜色，它都会采用该颜色。因此，要使该按钮变为绿色，请使用以下代码:-

.x-button-forward, .x-button-forward:after { background: -webkit-linear-gradient(top, #a2e306,#7eb105 3%,#5b7f03); }