如何更改实体化中的标题颜色？

Question

我在网页模板上工作，但我想改变Android浏览器中显示的颜色（也许是JS？）。默认情况下，它是蓝色的 我怎样才能改变它？

谢谢！

Answer 1

是的，正如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">

Answer 2

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

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

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

Answer 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/