ExtJS 4.2.1用于加载指示和模态窗口的不同CSS掩码

Question

我正在开发一个包含大量警报和Ajax调用的ExtJS 4.2.1应用程序。

我发现在模态显示窗口时，掩码（.x-mask）的相同CSS类用于加载和模态掩码。

如何针对这两种不同的行为使用不同的行为？

问题：

1. 对于模态窗口，我需要将红色作为背景颜色
2. 对于装载面具，我需要将绿色作为背景颜色

非常感谢任何帮助。

Answer 1

因为加载和模态都使用相同的掩码。我使用黑客来解决问题。 使用下面的CSS。

div.x-message-box + div.x-mask {
background: red;
}

您可以使用兄弟选择器来解决问题。

Answer 2

对于loadMask，使用maskCls更改蒙版样式