Fullpage.js导航颜色无法更改解决方法(navigationColor无效)

    Fullpage.js全屏滚动插件是一个非常实用非常高端大气上档次的一个插件，用起来感觉确实很棒~在这里先谢过开发者。

    具体Fullpage.js的介绍、演示和使用方法网上到处都有，在这里给还没用过的朋友放两个链接。

    fullpage.js官网 http://alvarotrigo.com/fullPage/

    API文档 http://www.dowebok.com/77.html

    关于使用方法什么的这里就不多说了。我想说的是在使用Fullpage.js的过程中一切都好，就是有一个小问题：navigationColor添加之后没有任何效果，项目导航的颜色根本没有任何改变，我试了好多次很多种颜色都没有任何效果。上网搜索了一下发现也有人遇到了这种问题，但是并没有人提供解决方案，但是眼看着默认黑色的点点确实很碍眼，所以最后自己想了一种解决方法。希望能帮到大家。

    如图，这是原来的导航的样子。

    可以看出来这是默认的颜色，在js里面使用navigationColor设置之后没有任何效果，经过查找源码后，有以下两种方法：

    第一种在尽量不修改Fullpage.js原有文档的基础上进行修改，修改内容为在自己写的css文件中添加以下代码：

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    background: #fff; /*这里设置的是活动导航的颜色*/
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border: 1px solid #fff;/*这里设置的是非活动导航的颜色*/
}

    把上面的代码复制到自己的css文件中就行了，注释那里改成使用自己想要的颜色就行了。但是，需要注意的是，你在HTML中导入自己写的css一定要在导入 jquery.fullPage.css之后！如果先导入j query.fullPage.css再导入自己写的css的话就没有任何效果。因为CSS的原则是同名属性自动覆盖，后导入的同名属性自动覆盖先导入的。所以一旦导入顺序错的话就没有任何效果。下图是我的导入顺序。

    上面的代码在我的“style.css”里面：

    我把导航条的颜色从黑色变成了白色，来看一下效果。

    颜色已经改过来啦。

    这是第一种覆盖属性的做法。第二种做法是修改jquery.fullPage.css里面的效果，不建议这么做。做法是打开这个css，查找#fp-nav ul li a.active span,定位之后修改这个属性以及下面紧接着的属性两个颜色值即可。

    OK，问题解决啦。虽然只是一个很小的问题，可是希望能够帮到遇到这个问题的同学。

    好好学习，天天向上，加油~~