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

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

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

以下列出網(wǎng)上收集的幾種方法，希望對(duì)大家有用。
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; 
} 

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

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

復(fù)制代碼代碼如下:

 
.x-btn-text{ 
font-size:15px; 
} 

這樣就好了，但是在IE9和FF下還是不好用。
后來(lái)到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è)置*/ 
} 

您可能感興趣的文章:

extjs
字體

相關(guān)文章

解決Extjs 4 Panel作為Window組件的子組件時(shí)出現(xiàn)雙重邊框問(wèn)題
Extjs的Panel和Window等組件在默認(rèn)情況下是帶邊框的，通常情況下，單獨(dú)使用沒(méi)有什么關(guān)系，但是將Panel作為Window組件的子組件時(shí)就會(huì)出現(xiàn)雙重邊框的現(xiàn)象于是想辦法將兩重邊框去掉，變成單邊框,感興趣的朋友可以了解下
2013-01-01
ExtJS4中使用mixins實(shí)現(xiàn)多繼承示例
在ExtJS4中使用mixins來(lái)實(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ù)選框去掉，變成沒(méi)有選擇的狀態(tài)，百度一下發(fā)現(xiàn)個(gè)不錯(cuò)的方法，需要的朋友可以參考下
2013-11-11
學(xué)習(xí)ExtJS fit布局使用說(shuō)明
ExtJS fit布局使用說(shuō)明，需要的朋友可以參考下。
2009-10-10
Extjs學(xué)習(xí)筆記之八繼承和事件基礎(chǔ)
只有有了事件，頁(yè)面才能真正的“活”起來(lái)。Extjs的事件也是經(jīng)過(guò)良好封裝的，對(duì)于事件的處理都由Ext.uitl.Observable類提供接口。
2010-01-01
Extjs表單常見(jiàn)驗(yàn)證小結(jié)
Extjs表單驗(yàn)證包括空驗(yàn)證、用vtype格式進(jìn)行簡(jiǎn)單的驗(yàn)證、高級(jí)自定義密碼驗(yàn)證、使用正則表達(dá)式驗(yàn)證等等
2014-03-03
ExtJS下 Ext.Direct加載和提交過(guò)程排錯(cuò)小結(jié)
基礎(chǔ)實(shí)一點(diǎn),會(huì)有好處的,排錯(cuò)的時(shí)候就體現(xiàn)出來(lái)了,下面就Ext.Direct做一些排錯(cuò)筆記與大家一一分享,感興趣的朋友可以參考下哈
2013-04-04
ExtJS4給Combobox設(shè)置列表中的默認(rèn)值示例
這篇文章主要介紹了ExtJS4如何給Combobox設(shè)置列表中的默認(rèn)值,需要的朋友可以參考下
2014-05-05
ExtJS 2.0實(shí)用簡(jiǎn)明教程之Ext類庫(kù)簡(jiǎn)介
ExtJS由一系列的類庫(kù)組成，一旦頁(yè)面成功加載了ExtJS庫(kù)后，我們就可以在頁(yè)面中通過(guò)javascript調(diào)用ExtJS的類及控件來(lái)實(shí)現(xiàn)需要的功能。
2009-04-04
extjs 學(xué)習(xí)筆記四帶分頁(yè)的grid
很多時(shí)候，我們需要顯示在grid中的數(shù)據(jù)不是短短的幾條或者幾十條，而是成千上萬(wàn)條。如果讓大量的數(shù)據(jù)一股腦全都顯示在一個(gè)頁(yè)面中，可以想象會(huì)造成什么樣的用戶體驗(yàn)。
2009-10-10