时间戳

首页 > 解决方案 > 如何在 Safari 15 中控制网站着色

html - 如何在 Safari 15 中控制网站着色

问题描述

在 Safari 15 中，发布了一项新功能，该功能将地址栏和标签栏着色以匹配当前网站标题的颜色。

我注意到这个新功能不适用于我之前创建的任何网站。这让我想知道。这个网站着色功能究竟是如何工作的？我们可以控制条将使用哪种颜色或和CSS的组合？HTMLCSS

标签： htmlcsssafari

解决方案

在网上看了一会，发现可以<meta>在你的HTML中使用如下标签，所以设置地址栏的颜色：

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

资源

因此，要在 Safari 中获得颜色，apple-mobile-web-app-status-bar-style可能会起作用。

（我没有 Safari，所以我无法自己测试。我认为这会起作用）

推荐阅读