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 Konami Code 实现代码
Jul 29 Javascript
php对mongodb的扩展(初识如故)
Nov 11 Javascript
JavaScript获取路径设计源码
May 22 Javascript
JavaScript+html5 canvas绘制的小人效果
Jan 27 Javascript
详解基于 axios 的 Vue 项目 http 请求优化
Sep 04 Javascript
利用node.js如何创建子进程详解
Dec 09 Javascript
详解JS转换数值函数Number()、parseInt()、parseFloat()
Aug 24 Javascript
React手稿之 React-Saga的详解
Nov 12 Javascript
jQuery实现的模仿雨滴下落动画效果
Dec 11 jQuery
vue发送websocket请求和http post请求的实例代码
Jul 11 Javascript
vue+canvas实现拼图小游戏
Sep 18 Javascript
vue使用过滤器格式化日期
Jan 20 Vue.js
基于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
预告映像公开!第1章续篇剧场版动画《Princess Principal Crown Handler》4月10日上映!
2020/03/06 日漫
关于ThinkPhp 框架表单验证及ajax验证问题
2017/07/19 PHP
Firefox getBoxObjectFor getBoundingClientRect联系
2008/10/26 Javascript
网页中的图片的处理方法与代码
2009/11/26 Javascript
各浏览器中querySelector和querySelectorAll的实现差异分析
2012/05/23 Javascript
JavaScript(js)设置默认输入焦点(focus)
2012/12/28 Javascript
JavaScript中的pow()方法使用详解
2015/06/15 Javascript
判断数组的最佳方法(推荐)
2016/10/11 Javascript
AngularJS开发教程之控制器之间的通信方法分析
2016/12/25 Javascript
jQuery 操作 HTML 元素和属性的方法
2018/11/12 jQuery
jQuery事件委托代码实践详解
2019/06/21 jQuery
浅谈layui框架自带分页和表格重载的接口解析问题
2019/09/11 Javascript
微信小程序点击保存图片到本机功能
2019/12/13 Javascript
[06:16]第十四期-国士无双绝地翻盘之撼地神牛
2014/06/24 DOTA
[00:36]DOTA2上海特级锦标赛 LGD战队宣传片
2016/03/04 DOTA
python中执行shell命令的几个方法小结
2014/09/18 Python
python使用urllib2实现发送带cookie的请求
2015/04/28 Python
python验证码识别的示例代码
2017/09/21 Python
python基础教程项目四之新闻聚合
2018/04/02 Python
python实现处理mysql结果输出方式
2020/04/09 Python
解决Keras使用GPU资源耗尽的问题
2020/06/22 Python
python3.x中安装web.py步骤方法
2020/06/23 Python
详解Django自定义图片和文件上传路径(upload_to)的2种方式
2020/12/01 Python
纯CSS3发光分享按钮的实现教程
2014/09/06 HTML / CSS
a标签下载链接的简单实现
2016/09/13 HTML / CSS
如何在Canvas上的图形/图像绑定事件监听的实现
2020/09/16 HTML / CSS
将世界上最美丽的摄影作品转化为艺术作品:Photos.com
2017/11/28 全球购物
美国室内盆栽植物购买网站:Plants.com
2020/04/24 全球购物
补充协议书范本
2014/04/23 职场文书
活动宣传策划方案
2014/05/23 职场文书
2014年教师党员公开承诺书
2014/05/28 职场文书
公司采购主管岗位职责
2014/06/17 职场文书
和谐社区口号
2014/06/19 职场文书
医生学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书
小学生毕业评语
2014/12/26 职场文书
SQL Server基本使用和简单的CRUD操作
2021/04/05 SQL Server