Sencha Touch: зеленая кнопка вперед

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); } 

Answer 2

Решение было перезаписать классов 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 строка была порождена онлайн-сервис (Google для получения данных: изображения/png; base64 или что-то в этом роде) из моего myarrow.png изображений.

Answer 3

прост:

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