Sencha Touch：綠色前進按鈕

好的，這裏是一個sencha鏈接http://try.sencha.com/touch/2.2.0/demos/Ext.Button.ui/viewer.html不同類型的按鈕。所以，從有到使按鈕前，我做Sencha Touch：綠色前進按鈕

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

尼斯和完善。那很簡單。

有誰知道如何使這個按鈕綠色（不只是按鈕，但箭頭以及）？

來源

2013-07-31 Haradzieniec

其實對於箭頭他們已經使用了webkit掩碼，所以無論您使用css背景顏色給出該箭頭的背景顏色，它都需要它。因此，爲了使該按鈕綠色使用下面的代碼： -

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

來源

2013-07-31 12:24:40 user2618352

你的方式是更好的和它的作品。謝謝！ – Haradzieniec

的解決方案是覆蓋CSS類有：

.x-webkit .x-button-forward:before, .x-webkit .x-button-forward:after, 
.x-webkit .x-toolbar .x-button-forward:before, .x-webkit .x-toolbar .x-button-forward:after 
{ 
width: 15px; 
height: 32px; 
background-repeat: no-repeat; 
background-image: url(data:image/png;base64,XXXXXXXXXXXXXXXXXXXXXXXXX); 
}

，其中由在線服務產生XXXXXXXXXXXXXXXXXXXXXXXXX字符串（谷歌生成數據：圖像/ png; base64或類似的東西）從我的myarrow.png圖像。

來源

2013-07-31 12:25:53 Haradzieniec

簡單：

{ 
    xtype: 'button', 
    ui: ['confirm', 'forward'], 
    text: 'forward' 
}

來源

2014-01-07 14:32:03 smoke4fun

Sencha Touch：綠色前進按鈕

回答

相關問題