javascript - Featherlight 画廊更改上一个和下一个箭头样式

Question

我正在使用羽毛灯画廊在灯箱中显示一堆图像。一切都很棒，我只想改变箭头的样式。

阅读文档，我发现我可以轻松地用任何字符更改箭头的图标，但我不明白如何更改其他样式元素。

例如，我想让箭头变成黑色而不是白色并修复它们，而不仅仅是让它们出现在悬停时。

到目前为止，我有一个丑陋的解决方案，我使用 js 来更改样式属性，就像这样

document.getElementsByClassName("featherlight-next")[0].getElementsByTagName("span")[0].style.color="black";

我是js，jquery，html和css的初学者，但我想一定有一个更优雅实用的解决方案。

我无法更改featherlight css，因为我正在从这里加载它：

cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.gallery.min.js

标签： javascriptjquerycssfeatherlight.js