如何将JS Tree中的虚线替换为实线？

嘿，这个需求其实很容易搞定，不用依赖hide_dots()方法（这个方法是直接移除虚线），我们只需要通过自定义CSS覆盖jstree的默认样式就能实现实线连接线的效果。

具体实现步骤： #

1. 定位jstree的连接线样式类
   jstree的连接线通常由.jstree-connector这个类控制（不同小版本可能略有差异，你可以通过浏览器开发者工具 inspect 元素确认具体类名）。

2. 编写自定义CSS替换样式
   把默认的虚线样式改成实线，代码示例如下：

/* 修改垂直连接线为实线 */
.jstree-connector {
    border-right-style: solid !important;
    border-right-width: 1px !important; /* 可根据需求调整线的粗细 */
}

/* 修改水平连接线为实线（如果存在） */
.jstree-connector.jstree-connector-horizontal {
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
}

/* 可选：移除节点前的默认圆点，保留纯实线结构 */
.jstree-icon.jstree-themeicon {
    background: transparent !important;
}

这里的!important是为了确保自定义样式优先级高于jstree的默认样式，如果你把这段CSS放在jstree官方样式文件之后加载，也可以去掉!important。

3. 引入自定义样式
   将这段CSS添加到你的项目样式文件中，或者直接放在页面的<style>标签里即可，不需要额外调用jstree的方法。

小提示： #

• 如果是较旧版本的jstree，可能需要调整类名，比如有些版本用.jstree-line代替.jstree-connector，通过浏览器开发者工具查看元素类名就能快速确认。
• 可以灵活调整border-width的值，改变实线的粗细，适配你的UI风格。

内容的提问来源于stack exchange，提问作者Nagaraj Juro