0

好的,这里有一个煎茶链接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'
}

美好而完美。那很简单。

有谁知道如何使这个按钮变成绿色(不仅仅是按钮,还有箭头)?

4

3 回答 3

1

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

.x-button-forward, .x-button-forward:after { background: -webkit-linear-gradient(top, #a2e306,#7eb105 3%,#5b7f03); }
于 2013-07-31T12:24:40.003 回答
1

简单的:

{
  xtype: 'button',
  ui: ['confirm', 'forward'],
  text: 'forward'
}
于 2014-01-07T14:32:03.917 回答
0

解决方案是用以下方法覆盖 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-31T12:25:53.873 回答