Javascript 如何在vis.js中更改导航按钮的颜色

Javascript 如何在vis.js中更改导航按钮的颜色,javascript,html,css,vis.js,vis.js-network,Javascript,Html,Css,Vis.js,Vis.js Network,我用vis.js创建了一个自定义网络,并将其样式设置为红色边缘和蓝色节点。 我添加了css/network/images/…png文件夹,该文件夹随vis.js下载一起提供,其中包含导航按钮 但是,默认情况下,它们是绿色的。我试着通过vis.css文件用背景色:黑色来改变它们和颜色:黑色。当我为背景色做第一个时,它确实在导航按钮后面添加了一个黑色圆圈,但它仍然是绿色的 我怎样才能解决这个问题?在他们的网站上说,导航按钮可以通过重载css来完全定制,但事实似乎并非如此。如果您有任何建议或帮助,我们

我用vis.js创建了一个自定义网络,并将其样式设置为红色边缘和蓝色节点。 我添加了css/network/images/…png文件夹,该文件夹随vis.js下载一起提供,其中包含导航按钮

但是,默认情况下,它们是绿色的。我试着通过vis.css文件用
背景色:黑色来改变它们
颜色:黑色
。当我为
背景色
做第一个时,它确实在导航按钮后面添加了一个黑色圆圈,但它仍然是绿色的


我怎样才能解决这个问题?在他们的网站上说,导航按钮可以通过重载css来完全定制,但事实似乎并非如此。如果您有任何建议或帮助,我们将不胜感激。

导航按钮目前已发布为。如果要更改颜色,则必须更改这些图像

您也可以用一些漂亮的css替换vis按钮图像:

//创建一个包含节点的数组
变量节点=[
{id:1,标签:'Node 1'},
{id:2,标签:'Node 2'},
{id:3,标签:'Node 3'},
{id:4,标签:'Node 4'},
{id:5,标签:'Node 5'}
];
//创建具有边的阵列
var edges=new vis.DataSet([
{从:1到:3},
{从:1到:2},
{从:2到:4},
{从:2到:5}
]);
//创建网络
var container=document.getElementById('mynetwork');
风险值数据={
节点:节点,
边缘:边缘
};
变量选项={
互动:{
导航按钮:true
}
};
网络=新的可视网络(容器、数据、选项)
#我的网络{
宽度:600px;
高度:200px;
}
div.vis-network div.vis-navigation div.vis-button.vis-up,
div.vis-network div.vis-navigation div.vis-button.vis-down,
div.vis-network div.vis-navigation div.vis-button.vis-left,
div.vis-network div.vis-navigation div.vis-button.vis-right,
div.vis-network div.vis-navigation div.vis-button.vis-zoomIn,
div.vis-network div.vis-navigation div.vis-button.vis-zoomOut,
div.vis-network div.vis-navigation div.vis-button.vis-zoomextens{
背景图像:无!重要;
}
div.vis-network div.vis-navigation div.vis-button:悬停{
盒影:无!重要;
}
.vis按钮:之后{
字号:2em;
颜色:灰色;
}
.vis按钮:悬停:之后{
字号:2em;
颜色:浅灰色;
}
.vis按钮。vis up:之后{
内容:“▲";
}
.vis按钮。vis向下:之后{
内容:“▼";
}
.vis按钮。vis左:之后{
内容:“◀";
}
.vis按钮。vis右:之后{
内容:“▶";
}
.vis按钮。vis缩放:之后{
内容:“+”;
字体大小:粗体;
}
.可视按钮.可视zoomOut:之后{
内容:“−";
字体大小:粗体;
}
.vis按钮.vis缩放扩展:之后{
内容:“⤧";
}