Ext.Button 'overCls' 在 IE 中不起作用答案

【问题标题】：Ext.Button 'overCls' not working in IEExt.Button 'overCls' 在 IE 中不起作用
【发布时间】：2012-08-03 02:30:30
【问题描述】：

ExtJS4：

当我将鼠标悬停在 Ext.Button 上时，我希望它具有我的颜色。我为此写了以下内容：

Ext.onReady(function(){
    Ext.create('Ext.Button', {
        renderTo: Ext.getBody(),
        text: "Submit",
        overCls: 'x-button-pressed'
    });
});

“x-button-pressed”定义为：

.x-button-pressed{
    background: red;
}

这在 Mozilla 10 但在 IE 7 中运行良好。请帮助。

【问题讨论】：

不确定这是否能解决问题，但它应该是背景色而不是背景，因为您只指定了一个属性。
我也试过背景色。它甚至在 Mozilla 中也不起作用。至少背景是在 Mozilla 工作。您还有其他选择可以在 IE7 中尝试吗？

标签： button extjs extjs4

【解决方案1】：

在 IE 的 EXT-all.css 样式中，您可以隐藏它们。请检查以下几行

/*
.x-nlg .x-btn-default-small-mc {
    background-image:none;
    background-color:transparent
}

.x-nbr .x-btn-default-small {
    padding:0!important;
    border-width:0!important;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    background-color:transparent;
    background-position:1100303px 1000303px
}

.x-nbr .x-btn-default-small-tl,.x-nbr .x-btn-default-small-bl,.x-nbr .x-btn-default-small-tr,.x-nbr .x-btn-default-small-br,.x-nbr .x-btn-default-small-tc,.x-nbr .x-btn-default-small-bc,.x-nbr .x-btn-default-small-ml,.x-nbr .x-btn-default-small-mr {
    zoom:1;
    background-image:url('../../resources/themes/images/eg_theme/btn/btn-default-small-corners.gif')
}

.x-nbr .x-btn-default-small-ml,.x-nbr .x-btn-default-small-mr {
    zoom:1;
    background-image:url('../../resources/themes/images/eg_theme/btn/btn-default-small-sides.gif');
    background-position:0 0
}

.x-nbr .x-btn-default-small-mc {
    padding:0
}
*/

如果你使用的是 ext js 4.1.1 v

【讨论】：