最近遇到这个问题，一直搞不清如何自定义EXTJS组件的样式。现在有了切入的方法。extjs的组件都有个ID，这个id在编译成html代码的时候，就是元素的ID。其中它的样式，就在这个元素的class中。因此要弄清某个组件有哪些CSS配置项，只需要给他定义id，然后用开发人员工具审查这个元素，查看它的CSS就知道啦！
当我们为组件自定义样式的时候，可以看到，在html代码中会把我们自定义的样式引入进去，如登陆按钮，id在extjs中配置为'denglu'，cls:'button'。
<div id="denglu" class="x-btn 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; "><em id="denglu-btnWrap" class=""><button id="denglu-btnEl" type="button" hidefocus="true" role="button" autocomplete="off" class="x-btn-center" aria-disabled="true" disabled="" style="width: 69px; "><span
id="denglu-btnInnerEl" class="x-btn-inner" style="width: 69px; "> </span><span id="denglu-btnIconEl" class="x-btn-icon x-hide-display"> </span></button></em></div>
关于CSS，如果两个CSS类中某些配置项是重复的并且内容冲突不一致，则会采用第二个CSS类中的配置。这个顺序是排在后面的被采用。