button - Ext.Button 'overCls' 在 IE 中不起作用

Question

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 中运行良好。请帮助。

Answer 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