Javascript ExtJS如何使用pressedCls配置设置按钮css_Javascript_Css_Extjs

Javascript ExtJS如何使用pressedCls配置设置按钮css

javascript css extjs

Javascript ExtJS如何使用pressedCls配置设置按钮css,javascript,css,extjs,Javascript,Css,Extjs,我想在按下按钮时改变颜色。我尝试使用pressedCls配置，但没有成功。当按下按钮时，如何解决该问题或是否有其他方法设置css？非常感谢 Javascript: Ext.create('Ext.Button', { text: 'Click me', renderTo: Ext.getBody(), cls: 'my-btn', pressedCls: 'my-btn-pressed' }); CSS: 我认为这是一个错误，对于4分机，您

我想在按下按钮时改变颜色。我尝试使用pressedCls配置，但没有成功。当按下按钮时，如何解决该问题或是否有其他方法设置css？非常感谢

Javascript:

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

CSS:

我认为这是一个错误，对于4分机，您只需为您按下的CLS添加“x-”前缀即可。但是对于ExtJS5，您必须使用！css属性中的重要指令。看看这个：

已编辑 谢谢你对于ExtJS5，您需要使用正确的元素选择器。对于4版本和更早版本，只需为css属性添加“x-”前缀

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

对于ExtJS4和更早版本

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

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

我认为这是一个错误，对于4分机，您只需为您的按下的CLS添加“x-”前缀即可。但是对于ExtJS5，您必须使用！css属性中的重要指令。看看这个：

已编辑 谢谢你对于ExtJS5，您需要使用正确的元素选择器。对于4版本和更早版本，只需为css属性添加“x-”前缀

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

对于ExtJS4和更早版本

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

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

我认为这是一个错误，对于4分机，您只需为您的按下的CLS添加“x-”前缀即可。但是对于ExtJS5，您必须使用！css属性中的重要指令。看看这个：

已编辑 谢谢你对于ExtJS5，您需要使用正确的元素选择器。对于4版本和更早版本，只需为css属性添加“x-”前缀

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

对于ExtJS4和更早版本

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

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

我认为这是一个错误，对于4分机，您只需为您的按下的CLS添加“x-”前缀即可。但是对于ExtJS5，您必须使用！css属性中的重要指令。看看这个：

已编辑 谢谢你对于ExtJS5，您需要使用正确的元素选择器。对于4版本和更早版本，只需为css属性添加“x-”前缀

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

对于ExtJS4和更早版本

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

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

你在使用哪个版本的ExtJS？嗨，德拉基斯，我的版本是5.0.1你在使用哪个版本的ExtJS？嗨，德拉基斯，我的版本是5.0.1你在使用哪个版本的ExtJS？嗨，德拉基斯，我的版本是5.0.1没有bug，这仅仅是一个结果-有很多文章详细介绍了如何计算和管理它的最佳实践方法，但简而言之，您应该避免

！重要信息

-在大多数情况下，您可以使用更符合条件的选择器规则来定位元素。例如，在ExtJS5案例中。@Digiizmo，哦，谢谢，我怀疑这是一种愚蠢的方法（！import-using），并尝试了很多选择器，例如，我的btn-pressed.x-btn.x-btn-pressed（我在开发工具中看到的这种样式是按按钮的）-但它们不起作用。写下这封信，我会投票给你的答案。谢谢伊戈尔和迪吉吉兹莫。它很有用！没有bug，这只是一个结果-有很多文章详细介绍了如何计算它以及管理它的最佳实践方法，但简而言之，您应该避免

！重要信息

！重要信息

！重要信息