如何更改ext程序里面的css?请详细述说

html-css04

如何更改ext程序里面的css?请详细述说,第1张

很多种方式啊,基本的原则就是覆盖默认的css定义即可,css和js一样,后面的定义会覆盖前面的定义

1、可以自定义css样式文件,参考框架的ext-all.css,重新定义你打算修改的css类,然后在你的页面引入

2、Ext的很多组件的config都有修改组件细节的配置项,比如cls,BodyStyle等等

自定义的css文件

(注意

不是样式)

需要被页面引用

extjs的代码只不过是把名为invalidclass

的值付给

field对应dom元素的

class属性至于效果能不能出来

要看这个页面是否能在你加载的各个css文件中找到对应的class

//配置改

{

xtype:'textfield',

style:'border-width:0px 0px 1px 0pxbackground:transparent'

}

//事后改

Ext.getCmp('txt').el.setStyle({

'border-width': '0px 0px 1px 0px',

'background': 'transparent'

})