[英]Sencha Touch: green forward button
好的,这里有一个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'
}
很好,很完美。 那很简单。
有谁知道如何使这个按钮变绿(不仅是按钮,还有箭头 )?
实际上对于箭头他们已经使用了webkit掩码,因此无论你使用css背景颜色给予该箭头的背景颜色,它都需要。 因此,要使该按钮变为绿色,请使用以下代码: -
.x-button-forward, .x-button-forward:after { background: -webkit-linear-gradient(top, #a2e306,#7eb105 3%,#5b7f03); }
简单:
{
xtype: 'button',
ui: ['confirm', 'forward'],
text: 'forward'
}
解决方案是用以下内容覆盖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
字符串是由我的myarrow.png
图像中的在线服务(谷歌生成数据:image / png; base64或类似的东西) myarrow.png
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.