使用 CSS 更改 Safari IOS 上的地址栏背景颜色

Question

我正在构建一个网站，我正在开始跨浏览器测试，在 IOS 上的 Safari 上，我看到地址栏和状态栏没有采用网站的颜色，搜索了一下我找到了元标记解决这个问题

<meta name="theme-color" content="#07070f">
<meta name="msapplication-navbutton-color" content="#07070f">
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="#07070f">

它适用于状态栏，但在地址不变的情况下

我在互联网上搜索了很多，但无法找到解决方案，我在主、页眉和页脚上也有与元标记中给出的相同的背景颜色，以及使用颜色方案设置的 :root 样式：黑暗

Answer 1

如果有人和我有同样的问题，这对我有用：

经过一番努力寻找解决方案后，我发现问题在于我没有像这样声明具有页面背景颜色的主体（与我给元标记的相同）

body{
    background-color: #07070f;
}

在 HTML 元标记中：

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

我推断这需要主体颜色并且以黑色半透明给出的内容效果很好，但也许你应该尝试不同的方法来找到正确的，希望能帮助别人

Answer 2

我找到了更好的解决方案，直接粘贴到head中即可：

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