EXTJS4 自定义CSS样式

最近遇到这个问题,一直搞不清如何自定义EXTJS组件的样式。现在有了切入的方法。extjs的组件都有个ID,这个id在编译成html代码的时候,就是元素的ID。其中它的样式,就在这个元素的class中。因此要弄清某个组件有哪些CSS配置项,只需要给他定义id,然后用开发人员工具审查这个元素,查看它的CSS就知道啦!

当我们为组件自定义样式的时候,可以看到,在html代码中会把我们自定义的样式引入进去,如登陆按钮,id在extjs中配置为'denglu',cls:'button'。

button x-box-item x-toolbar-item x-btn-default-small x-item-disabled x-disabled x-btn-disabled x-btn-default-small-disabled" style="margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; width: 75px; left: 79px; top: 1px; ">

关于CSS,如果两个CSS类中某些配置项是重复的并且内容冲突不一致,则会采用第二个CSS类中的配置。这个顺序是排在后面的被采用。

你可能感兴趣的:(EXTJS4 自定义CSS样式)