首頁 > web前端 > js教程 > 主體

ExtJs預設的字體大小改變的幾種方法(自己整理)_extjs

WBOY
發布: 2016-05-16 17:36:19
原創
1405 人瀏覽過

以下列出在網路上收集的幾種方法,希望對大家有用。
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;/*字體大小設定*/
}
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!