JSTree Proton主题更改图标到文件夹打开和关闭

Question

我只有一个演示应用程序，其中使用了带质子主题的JSTree。

当节点打开到文件夹打开并且节点关闭到文件夹关闭时，我想更改图标。

相同如下。 Proton CMS ADMIN PANEL

检查其中的文档节点，它将图标更改为文件夹打开和关闭。

现在，当我试图更改图标时，我发现它使用的是CSS Sprites，当我检查style.css时，发现它也使用base64 url​​加载一些图像。

这里是它采用了精灵。

如何在节点中使用该目录打开和关闭图标？

什么是该图标使用的名称或css类？

当我们有sprite如何找到图标名称并加载它？

除此之外，我也想使用填充的方形叶节点图标。

我能够使用下面的精灵代码呈现该图像。

.jstree-folder-open { 
background: url('32px.png') no-repeat -531px -23px !important; 
} 

但仍无法显示正确的尺寸和正确的方式图标。有什么特别的方法吗？

Answer 1

最后，我能够通过改变CSS中的背景位置来渲染图像。

这里是我找到了从sprite渲染图像的CSS代码的工具。

Sprite Cow

打开图像，并选择部分。

之后，我刚创建了独立的类，并使用后台位置的CSS。

.jstree-folder-open { 
background-image: url('32px.png') !important; 
background-position: -105px -70px !important; 
} 

.jstree-folder-closed { 
background-image: url('32px.png') !important; 
background-position: -261px -7px !important; 
} 

li.jstree-leaf > a > i.jstree-icon { 
background-image: url('32px.png') !important; 
background-position: -200px -7px !important; 
}