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

Question

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

<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">

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

Picture showing what I'm explaining

我在互联网上搜索了很多，但找不到解决方案，我在主、页眉和页脚上的背景颜色也与 meta 标记中给定的背景颜色相同，并且 :root 样式设置为配色方案：深色

Answer 1

如果有人遇到与我相同的问题，这对我有用：

经过一番努力寻找解决方案后，我发现问题在于我没有用页面的 background-color 声明正文（与我给元标记的一样），例如这个

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">

我推断这采用了主体颜色，并且与 black-translucent 中给出的内容一起工作正常，但也许你应该尝试不同的方法来找到正确的，希望对某人有所帮助

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

Change the Address Bar background color on Safari IOS with CSS

html

css

mobile-safari

ios