手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >ExtJs默认的字体大小改变的几种方法(自己整理)
ExtJs默认的字体大小改变的几种方法(自己整理)
摘要:以下列出网上收集的几种方法,希望对大家有用。1、只需把ext-all.css样式文件中的所有11px换成12px,这样就为统一的12px的字...

以下列出网上收集的几种方法,希望对大家有用。

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;/*字体大小设置*/

}

【ExtJs默认的字体大小改变的几种方法(自己整理)】相关文章:

简单谈谈javascript中this的隐式绑定

js实现div层缓慢收缩与展开的方法

AngularJS数据源的多种获取方式汇总

JavaScript实现弹出模态窗体并接受传值的方法

JS对字符串编码的几种方式使用

js实现时间显示几天前、几小时前或者几分钟前的方法集锦

JQuery中DOM实现事件移除的方法

JavaScript中this关键字使用方法详解

js比较日期大小的方法

Node.js中JavaScript操作MySQL的常用方法整理

精品推荐
分类导航