ExtJS如何使用PressedCls配置设置按钮CSS

Question

我想在按下按钮时更改颜色。 我试图使用pressedCls配置，但是没有用。 如何解决该问题，或者在按下按钮时还有另一种设置CSS的方法？ 非常感谢！

Javascript：

Ext.create('Ext.Button', {
      text: 'Click me',
      renderTo: Ext.getBody(),
      cls: 'my-btn',
      pressedCls: 'my-btn-pressed'
});

CSS：

.my-btn {
    background: Black
}

.my-btn-pressed {
    background: Red;
}

小提琴在这里

Answer 1

我认为这是一个错误，对于4分机，您只需为pressedCls添加“ x-”前缀即可。 但是对于extjs 5，必须在css属性中使用！important指令。 看这个：

编辑感谢@Digigizmo对于ExtJs 5，您需要使用正确的元素选择器。 对于4版本或更早的版本，只需为CSS属性添加“ x-”前缀。

.my-btn.x-btn.x-btn-pressed  {
    background: Red;
}

小提琴

对于ExtJs 4和更早版本

.x-my-btn-pressed {
    background: Red;
}

对于ExtJs 5（错误的方法，使用上面的正确选择器）

.x-btn-pressed.my-btn {
    background: Red !important;
}