更改jstree中选定节点的颜色

Question

我想更改我在jstree中选择的节点的背景颜色。

$('#syncrep').jstree({
                                        'core' : {
                                            'data' : repository
                                        }
                                    }).bind("loaded.jstree",
                                    function(event, data) {
                                        $(this).jstree("open_all");
                                    }).on("select_node.jstree",
                                    function(e, data) {

                                        Repository_SelectedNode = $('#syncrep')
                                                .jstree('get_node', data.node);

                                        Repository_SelectedNode_Copy = angular
                                                .copy(Repository_SelectedNode);
                                                });

我尝试使用 jstree 'redraw' 的内置 API，但它不符合我的目的。

Answer 1

你能改变 .jstree-default .jstree-clicked class 的样式吗？

见下文，同时查看演示 - Fiddle Demo。

.jstree-default .jstree-clicked {
  background: green;
}

Answer 2

使用整行时，我还需要以下内容：

.jstree-default .jstree-clicked {
    background: #FFFFFF !important; 
}
.jstree-default .jstree-wholerow-clicked {
    background: #FFFFFF !important;
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%) !important;
    background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%) !important;
}