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 スタイル クラスを使用して幅と高さを設定する方法を教えてください。ExtJを使用しています。4.0。

前もって感謝します。

Answer 1

Extは高さをインラインで設定しており、CSSをオーバーライドします。

CSSプロパティに追加!importantして、インラインスタイルを強制的にオーバーライドするか、コードの最初のブロックのように、Extウィンドウを作成するときに構成でサイズを明示的に設定することができます。