私は Web 側に不慣れで、CSS の扱い方に混乱しています。(ありがたいことに)、これまで ExtJS4 を使用する場合、HTML/CSS を直接操作することはほとんどありません...そのため、CSS を変更する必要があるため、問題が発生しています。
具体的には、アコーディオン ヘッダーの背景色を動的に変更しようとしています。
Javascript:
afterrender: function(subForm) {
subForm.getHeader().getEl().addCls('custom-accordion-hd-valid');
// this works - so I know it's the right element.
subForm.getHeader().getEl().setStyle('background', 'hsl(100, 60%, 60%)');
}
CSS:
// attempt 1
.custom-accordion-hd-valid {
background: green;
}
// attempt 2
.custom-accordion-hd-valid .x-accordion-hd {
background: green;
}
そう:
- 経由でスタイルを設定
setStyle
することはできますが、スタイルを簡単に削除することはできません addCls
CSS試行 1を介して設定すると、CSS が読み込まれますが、によって上書きされます.x-accordion-item
addCls
CSS試行2を介して設定すると、CSSのロードに失敗します
ヘルプ?