ExtJS 是一個使用 JavaScript 構建用戶界面的框架,它使用 HTML、CSS、和 JavaScript 來開發應用程序。可以使用 CSS 來控制頁面的樣式,包括顏色、字體、大小、布局等等。
在 ExtJS 中,可以通過引入外部的 CSS 文件來修改默認樣式。引入 CSS 文件的方式有多種,可以在頁面中使用 <link> 標記引入,也可以使用 Ext.getHead().createChild() 方法動態創建 CSS 標記引入,或者通過 Ext.util.CSS 類來加載 CSS。
Ext.util.CSS.load('/path/to/your/file.css');
另外,也可以在組件中使用 cls 屬性來自定義樣式類。當 cls 屬性在組件上設置時,相應的樣式類將被應用到該組件的元素上。
Ext.create('Ext.Button', { text: 'Click me', cls: 'my-button', renderTo: Ext.getBody() });
在 CSS 文件中,定義樣式類的方式和普通的 CSS 一樣,但需要注意的是,選擇器的前綴需要加上 '.x-',這是 ExtJS 的標準前綴。
.x-my-button { color: red; font-size: 14px; }
總的來說,使用 CSS 可以更方便地修改 ExtJS 組件的樣式,使應用程序更加美觀和易于使用。
上一篇extjs 自定義css
下一篇css改滾動圖片