如何更改PICTO的颜色

Question

我正在使用Sencha Touch 2，我在按钮中声明了PICTO，此时图片以黑色显示。我想把它变成白色。

我该怎么做？

{
    xtype: 'button',              
    text: 'Settings',
    itemId: 'settingsButton',
    align: 'right',
    iconMask: true,
    iconCls: 'settings9'
}

Answer 1

如果你看一下包含picto的按钮的HTML，它看起来像这样：

如果您使用span CSS类点击x-icon-mask，您会看到图标的颜色设置如下：

所以，你所要做的就是为你添加一个CSS类按钮（例如：cls：'myBtn'），然后创建将以下内容添加到你的CSS文件中：

.myBtn .x-icon-mask {
  background-color: #123456
  background-image:none;
}

希望这有帮助