在fullPage Slider Lib中更改导航颜色

时间:2015-07-23 16:00:57

标签: javascript css colors slider fullpage.js

我已成功使用lib

我使用了右边有导航点的示例。 现在一切正常,但我有一个问题: 我无法改变右侧导航点的颜色。 我已经改变了我在给定的CSS文件中找到的每种颜色,但没有一种改变任何东西。

我的一张幻灯片看起来像这样:

enter image description here

在右侧,您会发现应该是白色而不是灰色的导航点:

enter image description here

我知道这不是一个对许多其他人有帮助的问题。但我非常感谢你的帮助!

谢谢

3 个答案:

答案 0 :(得分:1)

参考https://github.com/alvarotrigo/fullPage.js/issues/199

您只需要覆盖点导航样式:

#fullPage-nav span, .fullPage-slidesNav span
#fullPage-nav li a, .fullPage-slidesNav li a
#fullPage-nav li, .fullPage-slidesNav li
#fullPage-nav ul, .fullPage-slidesNav ul
#fullPage-nav
.fullPage-tooltip

答案 1 :(得分:0)

我猜的原因是这些点是用脚本添加的。最好使用Chrome-inspector查看元素的名称,然后在您自己的CSS中覆盖它,或者检查脚本文件,查找该元素并更改颜色

答案 2 :(得分:0)

这对我有用

span {
    background: white!important;
}