ExtJs：通过css样式应用高度和宽度不起作用

Question

我有以下代码：

var win = new Ext.Window({
width:200,
height:200, 
autoScroll: true,
closable: false,
border: false,
shadow: true,
draggable: false
});

win.show();

我想用css样式设置宽度和高度，看下面的代码： 代码：

var win = new Ext.Window({   
cls: 'test-class',
autoScroll: true,
closable: false,
border: false,
shadow: true,
draggable: false
});

win.show();

css样式类：

.test-class {
 height:200px; 
 width:200px;
 background:blue;
 }​

但是没有设置高度和宽度，而是背景是。

您能告诉我如何通过CSS样式类设置宽度和高度？ 我正在使用ExtJs。 4.0。

提前谢谢。

Answer 1

Ext正在设置内联高度，这会覆盖你的CSS。

您可以将!important添加到CSS属性中，这会强制它们覆盖内联样式，或者在创建Ext窗口时在配置中显式设置大小，就像在第一个代码块中一样。