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


Posted in Javascript onApril 18, 2013

以下列出网上收集的几种方法,希望对大家有用。
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;/*字体大小设置*/ 
}
Javascript 相关文章推荐
JavaScript接口实现代码 (Interfaces In JavaScript)
Jun 11 Javascript
JavaScript为对象原型prototype添加属性的两种方式
Aug 01 Javascript
js几秒以后倒计时跳转示例
Dec 26 Javascript
jquery图片播放浏览插件prettyPhoto使用详解
Dec 19 Javascript
jQuery实现简单二级下拉菜单
Apr 12 Javascript
js实现仿网易点击弹出提示同时背景变暗效果
Aug 13 Javascript
js实现手机发送验证码功能
Mar 13 Javascript
AnglarJs中的上拉加载实现代码
Feb 08 Javascript
Nuxt.js开启SSR渲染的教程详解
Nov 30 Javascript
js实现适配移动端的拖动效果
Jan 13 Javascript
node.js中process进程的概念和child_process子进程模块的使用方法示例
Feb 11 Javascript
JS Thunk 函数的含义和用法实例总结
Apr 08 Javascript
基于JQuery 选择器使用说明介绍
Apr 18 #Javascript
关于jquery css的使用介绍
Apr 18 #Javascript
js字符串转换成xml对象并使用技巧解读
Apr 18 #Javascript
jQuery使用技巧简单汇总
Apr 18 #Javascript
document.documentElement的一些使用技巧
Apr 18 #Javascript
JQuery 图片的展开和伸缩实例讲解
Apr 18 #Javascript
jQuery基本选择器选择元素使用介绍
Apr 18 #Javascript
You might like
php 批量替换程序的具体实现代码
2013/10/04 PHP
PHP 使用redis简单示例分享
2015/03/05 PHP
FireFox中textNode分片的问题
2007/04/10 Javascript
支持ie与FireFox的剪切板操作代码
2009/09/28 Javascript
jquery 1.4.2发布!主要是性能与API
2010/02/25 Javascript
ExtJS GridPanel 根据条件改变字体颜色
2010/03/08 Javascript
jQuery easyui datagrid动态查询数据实例讲解
2013/02/26 Javascript
js实现数组去重、判断数组以及对象中的内容是否相同
2013/11/29 Javascript
nodeJS代码实现计算交社保是否合适
2015/03/09 NodeJs
JS实现为表格动态添加标题的方法
2015/03/31 Javascript
js中不同的height, top的区别对比
2015/09/24 Javascript
Bootstrap+jfinal实现省市级联下拉菜单
2016/05/30 Javascript
javascript数组常用方法汇总
2016/09/10 Javascript
js微信支付实现代码
2016/12/22 Javascript
vue实现商城购物车功能
2017/11/27 Javascript
基于vue cli 通过命令行传参实现多环境配置
2018/07/12 Javascript
Angular resolve基础用法详解
2018/10/03 Javascript
深入理解使用Vue实现Context-Menu的思考与总结
2019/03/09 Javascript
微信小程序实现授权登录
2019/05/15 Javascript
js笔试题-接收get请求参数
2019/06/15 Javascript
Vue实现跑马灯效果
2020/05/25 Javascript
uniapp实现横向滚动选择日期
2020/10/21 Javascript
[01:57]2018DOTA2亚洲邀请赛赛前采访-iG
2018/04/03 DOTA
[40:03]Liquid vs Optic 2018国际邀请赛淘汰赛BO3 第一场 8.21
2018/08/22 DOTA
python备份文件的脚本
2008/08/11 Python
Python3实现监控新型冠状病毒肺炎疫情的示例代码
2020/02/13 Python
python产生模拟数据faker库的使用详解
2020/11/04 Python
自荐信封面
2013/12/04 职场文书
名人演讲稿范文
2013/12/28 职场文书
副校长竞聘演讲稿
2014/09/01 职场文书
查摆问题整改措施
2014/10/24 职场文书
体育活动总结
2015/02/04 职场文书
病假证明模板
2015/06/19 职场文书
2016秋季小学开学寄语
2015/12/03 职场文书
帮你提高开发效率的JavaScript20个技巧
2021/06/18 Javascript
详细聊聊关于Mysql联合查询的那些事儿
2021/10/24 MySQL