sencha-touch - 如何更改 PICTO 的颜色

Question

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

我该怎么做？

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

Answer 1

如果您查看包含 picto 的按钮的 HTML，它看起来像这样：

如果您单击CSS 类span，x-icon-mask您可以看到图标的颜色设置如下：

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

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

希望这有帮助