如何更改物化中的标题颜色？答案

【问题标题】：How to change the header color in materialize?如何更改物化中的标题颜色？
【发布时间】：2017-05-29 18:29:20
【问题描述】：

我在使用 Web 模板，但我想更改 Android 浏览器中显示的颜色（可能是 JS ？）。默认情况下，它是蓝色的怎么改？

谢谢！

【问题讨论】：

标签： javascript css material-design materialize

【解决方案1】：

我认为您想更改浏览器的颜色，为此您可以使用元标记主题颜色：

<meta name="theme-color" content="#db5945">

移动设备上的 chrome 肯定支持它。

【讨论】：

【解决方案2】：

是的，正如 Dave Plug 所说，meta 是要走的路。为了让它在所有设备上运行，您可以这样做：

<!-- This is for Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#222">
<!-- This is for Windows Phone -->
<meta name="msapplication-navbutton-color" content="#222">
<!-- This is for iOS - Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="#222">

【讨论】：

【解决方案3】：

Materilizecss 为您提供范围广泛的调色板。您可以简单地将其应用于您的导航。

HTML：

<nav class="red lighten-1" role="navigation">
  <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Logo</a>
  </div>
</nav>

注意：您还可以编写自定义类并将其应用于导航。

参考： http://materializecss.com/color.html

JSFiddle : http://jsfiddle.net/nikdtu/btc8707k/

【讨论】：