简介
随着时间的变化,以及 zTree 用户的增多,很多朋友都希望能直接修改 节点字体大小,当看到 fontCss 这个功能的时候,也就直接使用上了。然而,你会发现很失望,很懊恼。。。它完全不起作用! 为什么会这样呢?
原因分析
-
看 zTreeStyle.css 样式文件中 .ztree * {..} 这里面有一个
font-size: 12px;
设定了字体大小 -
当你使用 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 掌握熟悉才可,否则着急也是没有用的,只能是换其他的树控件了。