css - 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 窗口时在配置中显式设置大小，就像在您的第一个代码块中一样。