ExtJs默认的字体大小改变的几种方法(自己整理)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了ExtJs默认的字体大小改变的几种方法(自己整理)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1217字，纯文字阅读大概需要2分钟。

内容图文

以下列出网上收集的几种方法，希望对大家有用。
1、
只需把ext-all.css样式文件中的所有11px换成12px，这样就为统一的12px的字体了。
但是如果再想增大,那么这时候不光是把源文件的11px换成15px，而且需要把里面和font有关的12px换成15px。

改完之后按钮出现毛边,在样式文件中加
代码如下:

.ext-ie .x-btn-text-icon .x-btn-center .x-btn-text { 
padding:3px 0px 0px 0px; 
} 
 
毛边就不见了! 
2、 
由于在不同浏览器中，或者不同版本的同款浏览器中显示的Extjs字体大小不一样。而且看起来比较小。不顺眼。 

在网上查之，获得一条有用信息：Extjs 在很多情况下使用 11px 字体，11px 大小是一种边缘字体，不同的浏览器对 11px 
的渲染各不相同，IE 的渲染和12px 相似，而在 Firefox 中，则和 10px相似，导致字体在FF 
中过小的问题。 
为了能够彻底的解决字体大小问题，直接打开ext-all.css，查找所有的11px并替换为12px。问题解决了 
3、 
Extjs版本3.2.1，字体大小修改 
上网找了好多资料，都说是加上 
 代码如下:

.x-btn-text{ 
font-size:15px; 
} 
 
这样就好了，但是在IE9和FF下还是不好用。 
后来到ext-all.css里慢慢试，才找到设置的地方。 
把如下代码放到别的css里引用就行了： 
 代码如下:  
.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{ 
background-position: 0 center;/*默认*/ 
background-repeat: no-repeat;/*默认*/ 
padding-left:18px;/*默认*/ 
height:16px;/*默认*/ 
font-size:15px;/*字体大小设置*/ 
} 

            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的ExtJs默认的字体大小改变的几种方法(自己整理)全部内容，希望文章能够帮你解决ExtJs默认的字体大小改变的几种方法(自己整理)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---