ztree怎么通过修改css改变字体和图标大小

html-css013

ztree怎么通过修改css改变字体和图标大小,第1张

1、首先在zTreeStyle/img 中添加你想修改样式的图片,下面是处理好的图tree.png片,给大家使用下。

2、在zTree_v3/css/ zTreeStyle/zTreeStyle.css把背景图路径换成自己的图片。

3、最后就是找位置,找到你想用图标的位置。如下面表示当修改不点击时复选框样式。

找到zTree相关的zTreeStyle.css文件,增加相应的样式,避免继承Bootstrap框架的样式。 如ztree li ul.line{ height: 80%} 这样就能避免继承了。

根据 UI 的出图 来,主要是 内部基本使用的 是 elementUI 的框架,所以设计的样式就与其类似和靠近

主要介绍 js 部分的修改,css 相对要修改比较简单。

在 jquery.ztree.core-3.5.js 文件中进行修改。先了解一下渲染的步骤,以及关键需要修改的地方:

将 ul 的 padding 取消掉

配合 css :

如果有帮助到你,可以给我一个赞嘛 * !!!