在Sencha Architect 4中更改按钮颜色

Question

如何更改Sencha Architect 4中按钮的背景颜色而不在主题中修改它？我想修改一个按钮的颜色，所以我不想修改主题...我已经尝试修改样式配置但没有改变！

提前致谢， Joud

Answer 1

这可能有点复杂，对于Sencha Architect而言，它并不是直接问题，而是对ExtJS的一般问题。

我们假设这段代码：

{
    xtype: 'button',
    style: {
        background: 'red'
    },
    text: 'MyButton'
}

现在它真的取决于您在应用中使用的主题。因为每个主题使用不同的CSS来设置按钮的样式。如果您更改ExtJS主题中的背景，它将适用于所有主题，因为主题可以在其上自己处理并知道要设置的CSS。

这是包含以下代码的材料主题：

这是Triton主题，代码相同：

那怎么办？最简单的方法是使用预定义的UI。每个主题都有它们：

如果您不喜欢它们，则必须创建自己的用户界面。但这会改变你不想做的主题：|

如果您不想拥有自己的主题，我建议您在SA项目中设置默认主题。