如何更改页脚的颜色？

Question

我是HTML和CSS的新手，无法弄清楚如何更改http://materializecss.com/footer.html上的页脚颜色。任何帮助都会很棒，谢谢！

Answer 1

如果您想使用其中一种Materialise 颜色，您只需将red//添加到您的类orange中，如下所示：tealfooter

<footer class="page-footer pink lighten-1">

Answer 2

包含页脚颜色信息的类是page-footer，因此您可以更改颜色，如下所示：

\n\n

<style>\n    .page-footer {\n        background-color: blue;\n    }\n</style>\n

\n\n

此外，您可以设置ID页脚并覆盖现有设置，如下所示：

\n\n

超文本标记语言：

\n\n

<footer id = "myFooter">...</footer>\n

\n\n

CSS（内联）：

\n\n

<style>\n    #myFooter {\n        background-color: blue;\n    }\n</style>\n

\n\n

如果上述方法不起作用，请尝试使用!important强制更改，如下所示：

\n\n

<style>\n    #myFooter {\n        background-color: blue !important;\n    }\n</style>\n

\n\n

查看this fiddle下面的代码片段以观看现场演示：

\n\n

\r\n

\r\n

<style>\n    .page-footer {\n        background-color: blue;\n    }\n</style>\n

\r\n

<footer id = "myFooter">...</footer>\n

\r\n

\r\n

\r\n

\n