Question

我目前很想知道如何在访问某个页面时更改任何手机上浏览器内状态指示条和搜索栏的背景颜色。我做了一项研究，但我没有找到解决这个问题的方法。我认为这可能使用JavaScript，但CSS中也可能存在某种伪类或事件。请告诉我你的想法或解决方案。先感谢您！以下是此颜色更改的示例：https://translate.google.de/m/translate（请注意从白色到蓝色的更改以适应Google翻译主题）

Answer 1

您应该使用元标记：

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

Answer 2

<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#cccccc">
<!-- Windows Phone (microsoft) -->
<meta name="msapplication-navbutton-color" content="#cccccc">
<!-- iOS Safari (apple) -->
<meta name="apple-mobile-web-app-status-bar-style" content="#cccccc">

更改手机状态指示条的颜色

2 个答案: