extjs4.0 怎么修改背景颜色和字体

EXTJS 如何能够修改背景颜色
比如panel   ， window 或者 form的背景颜色呢？
在form 中如何才能改变其textfield的颜色和label的颜色呢
还有比如在panel中的字体如何改变？
这个我找了变天 找不到
在不改变EXT 的CSS状态下
有没有一些属性可以修改的？
就像在HTML里面的backkcolor bgcolor之类的？
从API找到一个setStyle（）不懂方法是否可以用

9 个解决方案

#1

该回复于2012-08-01 12:19:41被版主删除

#2

还是去修改它的css吧

#3

有些控件有style属性的话也许可以，但大部分控件没有，你还是要在css里设。

#4

.label-class{
				color: red;
			}

items:[{
						xtype:'textfield',
						fieldLabel:'标签',
						listeners:{
							render:function(el){
								el.getEl().parent().parent().addClass('label-class');
							}
						}
					}]

#5

鱼：

<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">
<style>
.x-panel-body-default {
    font-size: 30px;
}
</style>

渔：

找一个适合开发调试的浏览器（比如 Chrome），观察每个 component 对应的 HTML 元素，进而考察它们的 CSS class。在需要的时候，用前面的方法进行改写。


————————————————————————————————
基于CSDN论坛提供的插件扩展功能，自己做了个签名档工具， 分享给大家，欢迎 技术交流 :)

#6

如果只是想改变单个 component 的样式，可以在定义好自己的 CSS class 之后，用 baseCls / cls / componentCls 等来指定使用。如果你想仔细了解这几个属性的差别，同样，还是用前面提到的方法观察、分析。

--------
With sufficient thrust, pigs fly just fine. However, this is not necessarily a good idea. It is
hard to be sure where they are going to land, and it could be dangerous sitting under them as they
fly overhead.

出自  RFC1925 - The Twelve Networking Truths

————————————————————————————————
基于CSDN论坛提供的插件扩展功能，自己做了个签名档工具，分享给大家，欢迎技术交流 :)

#7

引用 5 楼  的回复:

鱼：

HTML code

<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">
<style>
.x-panel-body-default {
    font-size: 30px;
}
</style>



渔：

找一个适合开发调试的浏览器（比如 Chr……

请问我把这个style放到head中，没有效果呢？求教

#8

引用 7 楼  的回复:

请问我把这个style放到head中，没有效果呢？求教

首先，你应该自己试一试，这个不麻烦，养成动手的习惯有好处。

这个 style 可以放在 head 里，也可以放在 body，也可以放在一个 css 文件里，只要在 ext-all.css 后面就可以。

#9

bodyStyle: 'background:#ffc; padding:10px;'

转自http://zhidao.baidu.com/question/495627343.html