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 相关文章推荐
jQuery性能优化28条建议你值得借鉴
Feb 16 Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
Jun 24 Javascript
JavaScript计算字符串中每个字符出现次数的小例子
Jul 02 Javascript
jQuery回车实现登录简单实现
Aug 20 Javascript
express的中间件basicAuth详解
Dec 04 Javascript
浅谈Node.js中的定时器
Jun 18 Javascript
BootStrap+Angularjs+NgDialog实现模式对话框
Aug 24 Javascript
jQuery 获取遍历获取table中每一个tr中的第一个td的方法
Oct 05 Javascript
vue+iview+less+echarts实战项目总结
Feb 22 Javascript
vue 下列表侧滑操作实例代码详解
Jul 24 Javascript
vue路由守卫,限制前端页面访问权限的例子
Nov 11 Javascript
JavaScript实现动态生成表格
Aug 02 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中redis的用法深入解析
2014/02/20 PHP
PHP实现基于栈的后缀表达式求值功能
2017/11/10 PHP
PHP实现将几张照片拼接到一起的合成图片功能【便于整体打印输出】
2017/11/14 PHP
JavaScript面向对象编程
2008/03/02 Javascript
jquery的颜色选择插件实例代码
2008/10/02 Javascript
Jquery 获取checkbox的checked问题
2011/11/16 Javascript
jQuery-Tools-overlay 使用介绍
2012/07/14 Javascript
indexOf 和 lastIndexOf 使用示例介绍
2014/09/02 Javascript
jQuery自定义添加"$"与解决"$"冲突的方法
2015/01/19 Javascript
jquery实现平滑的二级下拉菜单效果
2015/08/26 Javascript
关于AngularJs数据的本地存储详解
2017/01/20 Javascript
SVG描边动画
2017/02/23 Javascript
php简单数据库操作类的封装
2017/06/08 Javascript
Angular6 写一个简单的Select组件示例
2018/08/20 Javascript
通过循环优化 JavaScript 程序
2019/06/24 Javascript
使用微信SDK自定义分享的方法
2019/07/03 Javascript
Python合并多个装饰器小技巧
2015/04/28 Python
python实现linux下使用xcopy的方法
2015/06/28 Python
利用Django内置的认证视图实现用户密码重置功能详解
2017/11/24 Python
Python爬取破解无线网络wifi密码过程解析
2019/09/17 Python
Django DRF路由与扩展功能的实现
2020/06/03 Python
使用Python封装excel操作指南
2021/01/29 Python
CSS3实现的闪烁跳跃进度条示例(附源码)
2013/08/19 HTML / CSS
HTML5制作表格样式
2016/11/15 HTML / CSS
Melissa香港官网:MDreams
2016/07/01 全球购物
全球领先的各类汽车配件零售商:Advance Auto Parts
2016/08/26 全球购物
e路東瀛(JAPANiCAN)香港:日本旅游、日本酒店和温泉旅馆预订
2018/11/21 全球购物
俄罗斯首家面向中国消费者的一站式购物网站:Wruru
2020/05/08 全球购物
J2EE相关知识面试题
2013/08/26 面试题
幼儿园教师奖惩制度
2014/02/01 职场文书
合作协议书范文
2014/08/20 职场文书
2014院党委领导班子及其成员群众路线对照检查材料思想汇报
2014/10/04 职场文书
pycharm2021激活码使用教程(永久激活亲测可用)
2021/03/30 Python
聊聊Python中关于a=[[]]*3的反思
2021/06/02 Python
vue中利用mqtt服务端实现即时通讯的步骤记录
2021/07/01 Vue.js
Java 常见的限流算法详细分析并实现
2022/04/07 Java/Android