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 当前日期加(天、周、月、年)
Aug 09 Javascript
JavaScript判断textarea值是否为空并给出相应提示
Sep 04 Javascript
JS实现的验证身份证及获取地区功能示例
Jan 16 Javascript
微信小程序 页面跳转和数据传递实例详解
Jan 19 Javascript
Vue实现路由跳转和嵌套
Jun 20 Javascript
详解基于webpack2.x的vue2.x的多页面站点
Aug 21 Javascript
Js利用prototype自定义数组方法示例
Oct 20 Javascript
vue完成项目后,打包成静态文件的方法
Sep 03 Javascript
angular 实现下拉列表组件的示例代码
Mar 09 Javascript
IE11下处理Promise及Vue的单项数据流问题
Jul 24 Javascript
Vuex的实战使用详解
Oct 31 Javascript
vue+element table表格实现动态列筛选的示例代码
Jan 14 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
php开发工具之vs2005图解
2008/01/12 PHP
php上传文件,创建递归目录的实例代码
2013/10/18 PHP
php二维数组转成字符串示例
2014/02/17 PHP
Jquery公告滚动+AJAX后台得到数据
2011/04/14 Javascript
50款非常棒的 jQuery 插件分享
2012/03/29 Javascript
JSON+HTML实现国家省市联动选择效果
2014/05/18 Javascript
jQuery点缩略图弹出层显示大图片
2015/02/13 Javascript
使用CoffeeScrip优美方式编写javascript代码
2015/10/28 Javascript
BootStrap整体框架之基础布局组件
2016/12/15 Javascript
js实现短信发送倒计时功能(正则验证)
2017/02/10 Javascript
Vue.js实战之Vuex的入门教程
2017/04/01 Javascript
JavaScript伪数组用法实例分析
2017/12/22 Javascript
Vue.js 表单控件操作小结
2018/03/29 Javascript
vue如何根据网站路由判断页面主题色详解
2018/11/02 Javascript
javascript设计模式 ? 中介者模式原理与用法实例分析
2020/04/20 Javascript
python数据结构之二叉树的遍历实例
2014/04/29 Python
编写Python CGI脚本的教程
2015/06/29 Python
pandas数据清洗,排序,索引设置,数据选取方法
2018/05/18 Python
python selenium 对浏览器标签页进行关闭和切换的方法
2018/05/21 Python
python selenium执行所有测试用例并生成报告的方法
2019/02/13 Python
python实现基于朴素贝叶斯的垃圾分类算法
2019/07/09 Python
python调用Matplotlib绘制分布点图
2019/10/18 Python
python3 assert 断言的使用详解 (区别于python2)
2019/11/27 Python
pytorch GAN生成对抗网络实例
2020/01/10 Python
Python图像处理库PIL的ImageEnhance模块使用介绍
2020/02/26 Python
浅谈keras保存模型中的save()和save_weights()区别
2020/05/21 Python
HTML5制作表格样式
2016/11/15 HTML / CSS
中国首家奢侈品O2O网购平台:第五大道奢侈品网
2017/12/14 全球购物
自我鉴定书范文
2013/10/02 职场文书
女大学生自我鉴定
2013/12/09 职场文书
生物医学工程专业学生求职信范文分享
2013/12/14 职场文书
优秀员工演讲稿
2014/05/19 职场文书
2015年中学校长工作总结
2015/05/19 职场文书
感恩教师节主题班会
2015/08/12 职场文书
小学二年级语文教学反思
2016/03/03 职场文书
python基础之文件处理知识总结
2021/05/23 Python