ExtJS是一款流行的JavaScript框架,可以快速構建專業級應用程序。在使用ExtJS開發應用程序時,你或許需要覆蓋或修改一些CSS樣式,以滿足自己的需求。在本文中,我們將學習如何使用ExtJS重寫部分CSS。
.myClass { color: red; font-size: 14px; } .myClass .x-panel-header { background-color: #f2f2f2; }
如上所示,這個CSS代碼塊定義了一個`.myClass`類,其中包含了red顏色和14px字體大小,同時,`.myClass .x-panel-header` 為一個子選擇器。實際上,我們可以使用ExtJS選擇器覆蓋這個CSS:
Ext.select('.myClass').applyStyles({ color: green, font-size: 16px }); Ext.select('.myClass .x-panel-header').applyStyles({ background-color: #e6e6e6; });
如上所示,我們使用 Ext.select() 方法選擇這兩個選擇器并應用自己的樣式。我們將`.myClass`的字體顏色修改成了綠色和16px的字體大小,同時將`.myClass .x-panel-header`的背景顏色修改成了 #e6e6e6。
總之,使用ExtJS修改CSS樣式非常容易和方便,通過選擇器覆蓋原有樣式可以實現自己的需求。我們在實際開發中要求數靈活使用CSS和JavaScript以及其他工具提高開發效率。
上一篇css改鼠標背景顏色