源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-12-03 07:01 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:ExtJs默认的字体大小改变的几种方法(自己整理)
以下列出网上收集的几种方法,希望对大家有用。 1、 只需把ext-all.css样式文件中的所有11px换成12px,这样就为统一的12px的字体了。 但是如果再想增大,那么这时候不光是把源文件的11px换成15px,而且需要把里面和font有关的12px换成15px。 改完之后按钮出现毛边,在样式文件中加
[u]复制代码[/u] 代码如下:
.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,字体大小修改 上网找了好多资料,都说是加上
[u]复制代码[/u] 代码如下:
.x-btn-text{ font-size:15px; }
这样就好了,但是在IE9和FF下还是不好用。 后来到ext-all.css里慢慢试,才找到设置的地方。 把如下代码放到别的css里引用就行了:
[u]复制代码[/u] 代码如下:
  .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;/*字体大小设置*/ }
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部