easyui中树形图标怎么设置成+ -

发布于 2022-09-05 20:02:32 字数 697 浏览 13 评论 0

easyui中树形图标怎么设置成+ -?变成这样(图中的文件图标不要)

clipboard.png

尝试方法:修改了css源码中的位置,只去掉文件图标,就是+ -弄不出来,每个class都是过了,+ - 就是出不来。想过根据源码中图直接写位置,不知道具体数值

clipboard.png

说的有点乱,不懂的地方有两处:
1.源码中写了两处tree-expanded,文件加载的class只选1处中吗?
2.黄色区域的数值要怎么获取,想获取+ -的位置(利用上面那张图)?

clipboard.png

或者大家用什么方法??直接替换图吗?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

黄昏下泛黄的笔记 2022-09-12 20:02:32

覆盖默认的样式,使用before伪元素的content属性添加+或者-
如下:

.tree-expanded {
    background: initial;
}
.tree-expanded:before {
    content: "-";
    text-align: center;
    display: block;
}

.tree-collapsed {
    background: initial;
}
.tree-collapsed:before {
    content: "+";
    display: block;
    text-align: center;
}

效果如下图所示:

clipboard.png

Update1:

不好意思,刚才又看了一下题目,你的目的其实是去掉文件夹和文件那两个符号吧?如果是这样,文件夹应该是.tree-folder,文件是.tree-file,你把这两个设置成display:none;就解决问题了,不用去改前面的加减号反正你本来想保留,只是删除文件夹和文件符号,代码如下:

.tree-folder {
    display: none;
}
.tree-file {
    display: none;
}
殊姿 2022-09-12 20:02:32

【easyui中树形图标怎么设置成+ -?变成这样(图中的文件图标不要)】又是要,又是不要的,到底要不要?你要是想直接是+ - 直接该图片就好了。 lines:true,显示带框的+ -。你再把框去掉,自己重新弄一个+ -在原来的位置就好了。
若是想去掉,在样式中找到:tree-expanded 和tree-collapsed CSS样式,背景改成:background: none;

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文