Ext.Button“overCls”在IE无法正常工作

我希望我的Ext.Button有我的颜色，当我鼠标悬停它。我写了这以下内容：

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

其中 'x-按钮按下' 被定义为：

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

这在Mozilla 10，但IE 7的正常工作，请帮助。

来源

2012-08-06 Shashwat

不知道这是否会解决它检查，但它应该是背景颜色没有背景，你只指定一个属性。 – Amalea 2012-08-06 08:21:49

我也尝试过背景色。它甚至在Mozilla中也不工作。至少背景是在Mozilla中工作。你有任何其他选择在IE7中尝试？ – Shashwat 2012-08-07 07:32:57

在为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

来源

2012-09-27 09:20:47 Feroz

可怕的缩进！ – nalply 2012-10-05 18:12:38

Ext.Button“overCls”在IE无法正常工作

回答

相关问题