08.04 为什么 fontCss 无法修改 字体大小 —— 关于 样式控制

原创
2022/05/09 09:12
阅读数 1.3K

简介

随着时间的变化,以及 zTree 用户的增多,很多朋友都希望能直接修改 节点字体大小,当看到 fontCss 这个功能的时候,也就直接使用上了。然而,你会发现很失望,很懊恼。。。它完全不起作用! 为什么会这样呢?

原因分析

  1. 看 zTreeStyle.css 样式文件中 .ztree * {..} 这里面有一个 font-size: 12px; 设定了字体大小

  2. 当你使用 fontCss 设置 font-size 后,用调试工具会发现 span 的样式仍然是 .ztree * {..} 内的 font-size 生效, 设置到 a 上面的 font-size 被覆盖了

综上所述,span 标签的样式中 .ztree * 设置的 font-size 等级最高,导致继承的 a 标签的 style 内 font-size 样式无效了。

解决方案

  • 你可以尝试把 zTreeStyle.css 中 .ztree * {..} 里面的 ‘font-size' 样式删除。 你会发现,删除后,使用 fontCss 设置的字体大小有效果了。但是 只是字体大小有效果,节点的高度都不变,从而导致大字体会互相重叠。这时候你必须要认真了解 zTreeStyle 的 css 结构,把里面对应节点的 height 、line-height 都进行对应的修改。同时,还要适当修改 连接线的图片或者干脆设置 showLine 属性隐藏连接线(因为 行高增加时,你会发现连接线不太完美了。。。)

总之, zTree 默认的 样式结构不建议修改字体大小,如果硬要修改,希望你能对 css 掌握熟悉才可,否则着急也是没有用的,只能是换其他的树控件了。

展开阅读全文
加载中

作者的其它热门文章

打赏
0
0 收藏
分享
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部