ExtJS的：通過CSS樣式應用高度和寬度不工作

我有以下代碼：ExtJS的：通過CSS樣式應用高度和寬度不工作

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

win.show();

而且我想用CSS樣式來設置寬度和高度，放眼follwoing代碼：代碼：

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。

預先感謝您。

來源

2012-09-14 SergioKastro

您可以檢查Firebug/dev工具中的元素，並檢查實際應用於元素的大小？與舊版本的Ext一起工作，我記得它喜歡在整個地方設置內聯樣式，當然內聯樣式會覆蓋你的CSS，除非你使用'！important'。 – tuff

以下是JsFiddle中的代碼示例：http://jsfiddle.net/7sfx9/28/我已檢查應用的樣式，它們如下所示：width：200px; height：50px; – SergioKastro

分機設置內聯高度，這將覆蓋您的CSS。

您可以將!important添加到CSS屬性中，這會強制它們覆蓋內聯樣式，或者在創建Ext窗口時在配置中顯式設置大小，就像在第一個代碼塊中一樣。

來源

2012-09-14 19:39:47 tuff

謝謝你的回覆。它確實有效。 – SergioKastro

我也看到如果你使用屬性bodyCls而不是cls，它也可以。你檢查過嗎？ – SergioKastro

這很奇怪;我不知道爲什麼。看來Ext正在檢查在CSS中設置的大小，並用窗口和窗體的內聯樣式中完全相同的值覆蓋它。不知道爲什麼，也不知道爲什麼在class設置爲'cls'屬性時不這樣做。 – tuff

ExtJS的：通過CSS樣式應用高度和寬度不工作

回答

相關問題