Extjs textfield 的高度调整方法,可类推其他的组件

在使用extjs时，想要把目标文本框的高度改小。但因为extjs的主题有默认的min-height 和 padding 值，直接更改并不能解决问题。尝试过padding、minHeight、maxHeight，height、fieldstyle属性并没有解决。最后想到改变了自己的主题由triton 到 neptune.neptune的默认高度是22px，刚好符合我的项目要求。但上面的解决方式并不能真正解决根本问题，后又继续搜索网络发现一个解决方式是：修改全局主题变量

在extjs的官方文档中，textfield具有一些theme variables属性。列表中的变量都是可以设置的。

 

然后打开：app-name\sass\var\all.css，在文件爱你中添加你要修改的属性，即可改变所有textfield的相应高度。需要注意的是这里修改的变量都是全局变量。

下面是我的情况：