ExtJs默認(rèn)的字體大小改變的幾種方法(自己整理)
更新時(shí)間：2013年04月18日 16:21:30 作者：
本文列出網(wǎng)上收集的幾種方法，希望對大家有用，并且做了下瀏覽器兼容，感興趣的朋友可以參考下哈
以下列出網(wǎng)上收集的幾種方法，希望對大家有用。
1、
只需把ext-all.css樣式文件中的所有11px換成12px，這樣就為統(tǒng)一的12px的字體了。
但是如果再想增大,那么這時(shí)候不光是把源文件的11px換成15px，而且需要把里面和font有關(guān)的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相似，導(dǎo)致字體在FF
中過小的問題。
為了能夠徹底的解決字體大小問題，直接打開ext-all.css，查找所有的11px并替換為12px。問題解決了
3、
Extjs版本3.2.1，字體大小修改
上網(wǎng)找了好多資料，都說是加上
.x-btn-text{
font-size:15px;
}
這樣就好了，但是在IE9和FF下還是不好用。
后來到ext-all.css里慢慢試，才找到設(shè)置的地方。
把如下代碼放到別的css里引用就行了：
.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
background-position: 0 center;/*默認(rèn)*/
background-repeat: no-repeat;/*默認(rèn)*/
padding-left:18px;/*默認(rèn)*/
height:16px;/*默認(rèn)*/
font-size:15px;/*字體大小設(shè)置*/
}
1、
只需把ext-all.css樣式文件中的所有11px換成12px，這樣就為統(tǒng)一的12px的字體了。
但是如果再想增大,那么這時(shí)候不光是把源文件的11px換成15px，而且需要把里面和font有關(guān)的12px換成15px。
改完之后按鈕出現(xiàn)毛邊,在樣式文件中加
復(fù)制代碼 代碼如下:
.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相似，導(dǎo)致字體在FF
中過小的問題。
為了能夠徹底的解決字體大小問題，直接打開ext-all.css，查找所有的11px并替換為12px。問題解決了
3、
Extjs版本3.2.1，字體大小修改
上網(wǎng)找了好多資料，都說是加上
復(fù)制代碼 代碼如下:
.x-btn-text{
font-size:15px;
}
這樣就好了，但是在IE9和FF下還是不好用。
后來到ext-all.css里慢慢試，才找到設(shè)置的地方。
把如下代碼放到別的css里引用就行了：
復(fù)制代碼 代碼如下:
.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
background-position: 0 center;/*默認(rèn)*/
background-repeat: no-repeat;/*默認(rèn)*/
padding-left:18px;/*默認(rèn)*/
height:16px;/*默認(rèn)*/
font-size:15px;/*字體大小設(shè)置*/
}
相關(guān)文章
解決Extjs 4 Panel作為Window組件的子組件時(shí)出現(xiàn)雙重邊框問題
Extjs的Panel和Window等組件在默認(rèn)情況下是帶邊框的，通常情況下，單獨(dú)使用沒有什么關(guān)系，但是將Panel作為Window組件的子組件時(shí)就會(huì)出現(xiàn)雙重邊框的現(xiàn)象于是想辦法將兩重邊框去掉，變成單邊框,感興趣的朋友可以了解下2013-01-01
ExtJS4中使用mixins實(shí)現(xiàn)多繼承示例
在ExtJS4中使用mixins來實(shí)現(xiàn)多繼承，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-12-12
Extjs改變樹節(jié)點(diǎn)的勾選狀態(tài)點(diǎn)擊按鈕將復(fù)選框去掉
需要一個(gè)功能點(diǎn)擊一個(gè)按鈕后將樹節(jié)點(diǎn)前的復(fù)選框去掉，變成沒有選擇的狀態(tài)，百度一下發(fā)現(xiàn)個(gè)不錯(cuò)的方法，需要的朋友可以參考下2013-11-11
ExtJS fit布局使用說明，需要的朋友可以參考下。2009-10-10
Extjs學(xué)習(xí)筆記之八 繼承和事件基礎(chǔ)
只有有了事件，頁面才能真正的“活”起來。Extjs的事件也是經(jīng)過良好封裝的，對于事件的處理都由Ext.uitl.Observable類提供接口。2010-01-01
Extjs表單驗(yàn)證包括空驗(yàn)證、用vtype格式進(jìn)行簡單的驗(yàn)證、高級自定義密碼驗(yàn)證、使用正則表達(dá)式驗(yàn)證等等2014-03-03
ExtJS下 Ext.Direct加載和提交過程排錯(cuò)小結(jié)
基礎(chǔ)實(shí)一點(diǎn),會(huì)有好處的,排錯(cuò)的時(shí)候就體現(xiàn)出來了,下面就Ext.Direct做一些排錯(cuò)筆記與大家一一分享,感興趣的朋友可以參考下哈2013-04-04
ExtJS4給Combobox設(shè)置列表中的默認(rèn)值示例
這篇文章主要介紹了ExtJS4如何給Combobox設(shè)置列表中的默認(rèn)值,需要的朋友可以參考下2014-05-05
ExtJS由一系列的類庫組成，一旦頁面成功加載了ExtJS庫后，我們就可以在頁面中通過javascript調(diào)用ExtJS的類及控件來實(shí)現(xiàn)需要的功能。2009-04-04
extjs 學(xué)習(xí)筆記 四 帶分頁的grid
很多時(shí)候，我們需要顯示在grid中的數(shù)據(jù)不是短短的幾條或者幾十條，而是成千上萬條。如果讓大量的數(shù)據(jù)一股腦全都顯示在一個(gè)頁面中，可以想象會(huì)造成什么樣的用戶體驗(yàn)。2009-10-10