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

Ext.Button'overCls'不在IE中工作

1 个答案: