• 设为首页
  • 收藏本站
  • 积分充值
  • VIP赞助
  • 手机版
  • 微博
  • 微信
    微信公众号 添加方式:
    1:搜索微信号(888888
    2:扫描左侧二维码
  • 快捷导航
    福建二哥 门户 查看主题

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

    发布者: 涵韵3588 | 发布时间: 2025-8-13 15:46| 查看数: 64| 评论数: 0|帖子模式

    以下列出网上收集的几种方法,希望对大家有用。
    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;/*字体大小设置*/
    }

    来源:互联网
    免责声明:如果侵犯了您的权益,请联系站长(1277306191@qq.com),我们会及时删除侵权内容,谢谢合作!

    最新评论

    QQ Archiver 手机版 小黑屋 福建二哥 ( 闽ICP备2022004717号|闽公网安备35052402000345号 )

    Powered by Discuz! X3.5 © 2001-2023

    快速回复 返回顶部 返回列表