extjs - Ext JS 禁用面板 mask 不透明度

Question

如何使用 mask 控制禁用面板的不透明度。我想禁用面板(意味着它将是可触摸的)并保持其不透明度不变。谢谢

Answer 1

您可以创建自己的 CSS 样式表来覆盖 ExtJS 的禁用项的默认样式表。在ext-all.css中，有几个.x-item-disabled类的样式配置，大家可以看看。例如，他们指定工具栏按钮图标的不透明度，如下所示:

.x-toolbar .x-item-disabled .x-btn-icon {
    opacity: .35;
    -moz-opacity: .35;
    filter: alpha(opacity=35);
}

因此，您必须查找您的面板属于哪个类，并构建一个包含特定选择器规范的样式表。

CSS Syntax (Wikipedia)