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

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

clipboard.png

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

clipboard.png

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

clipboard.png

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

阅读 5k
2 个回答

覆盖默认的样式,使用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;
}
新手上路,请多包涵

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进