ExtJs默認的字體大小改變的幾種方法(自己整理)

更新時間：2013年04月18日 16:21:30 作者：

本文列出網(wǎng)上收集的幾種方法，希望對大家有用，并且做了下瀏覽器兼容，感興趣的朋友可以參考下哈

以下列出網(wǎng)上收集的幾種方法，希望對大家有用。
1、
只需把ext-all.css樣式文件中的所有11px換成12px，這樣就為統(tǒng)一的12px的字體了。
但是如果再想增大,那么這時候不光是把源文件的11px換成15px，而且需要把里面和font有關的12px換成15px。

改完之后按鈕出現(xiàn)毛邊,在樣式文件中加

復制代碼代碼如下:

 
.ext-ie .x-btn-text-icon .x-btn-center .x-btn-text { 
padding:3px 0px 0px 0px; 
} 

毛邊就不見了!
2、
由于在不同瀏覽器中，或者不同版本的同款瀏覽器中顯示的Extjs字體大小不一樣。而且看起來比較小。不順眼。

在網(wǎng)上查之，獲得一條有用信息：Extjs 在很多情況下使用 11px 字體，11px 大小是一種邊緣字體，不同的瀏覽器對 11px
的渲染各不相同，IE 的渲染和12px 相似，而在 Firefox 中，則和 10px相似，導致字體在FF
中過小的問題。
為了能夠徹底的解決字體大小問題，直接打開ext-all.css，查找所有的11px并替換為12px。問題解決了
3、
Extjs版本3.2.1，字體大小修改
上網(wǎng)找了好多資料，都說是加上

復制代碼代碼如下:

 
.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;/*字體大小設置*/ 
} 

您可能感興趣的文章: