更改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類的樣式嗎？

見下文，另請查看演示 - 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;
}