CSS能否改变meta标签设定颜色？

Chinese 中文 HTML-CSS
1 
<meta name="theme-color" content="#333">

在某些场景需要，仅改变 Safari 浏览器工具栏的颜色，保持网页原有颜色，CSS能否做到增删或改变meta标签设定颜色？

新手诚问！

3

1 1. 在HTML头部添加一个meta标签,并指定一个content属性作为标识:

<meta name="theme-color" content="red">

2 在CSS中,根据meta标签的content属性值设置颜色:

meta[name="theme-color"][content="red"] {
  background-color: red; 
}

meta[name="theme-color"][content="blue"] {
  background-color: blue;
}

3 通过改变meta标签的content属性值,就可以切换不同的背景颜色:

<!-- 红色背景 -->
<meta name="theme-color" content="red"> 

<!-- 蓝色背景 -->  
<meta name="theme-color" content="blue">
4 
meta[name="theme-color"]* {
  color: #333333 !important;
  background: #333333 !important;
  background-color: #333333 !important;
}

尝试不行矣，我本意是针对 Safari 浏览器的，其有一个自带功能：可加载本地的一个CSS样式表来改变网页面貌，因特殊需求想通过meta标签来改变Safari 浏览器工具栏的颜色，目标是在线广大网站！

截屏2023-08-03 09.30.54
截屏2023-08-03 09.30.541760×1098 157 KB

可能是异想天开啦 :slight_smile:

5

我没有 safari 浏览器， 而且新旧 safari 有些表现不一样， 麻烦提供要使用的 safari 版本

6

是macos桌面系统的safari，早在18年发布的10.14 mojave 都有这个功能了

7

仅想改变 Safari 浏览器工具栏的颜色，保持网页原有颜色，不一定限定于改变meta标签的属性的，说白了就是不喜欢safari那个亮瞎眼的白色工具栏，但它又没有皮肤主题可用 ，也不想开启系统的深色模式！

8

你没有描述清楚的你的需求

9

就是想在系统不开启深色模式下，单独将safari的工具栏搞成深色或别的颜色，实现类似于皮肤的效果，而meta标签的“theme-color”是沉浸式功能的实现，可定义浏览器的标题栏地址栏等工具栏的颜色。

搜索了一些macos的命令并不能实现：

defaults write com.apple.safari NSWindowDarkChocolate -bool true

突发奇想利用html的mata标签～

10

这个网站的教程应有误，这几年，safari的偏好设置通用那里从未有过外观选项

11

我没有条件去验证， 就是去搜索一下，不能保证可用。

12

尝试不行矣，我本意是针对 Safari 浏览器的，其有一个自带功能：可加载本地的一个CSS样式表来改变网页面貌，因特殊需求想通过meta标签来改变Safari 浏览器工具栏的颜色，目标是在线广大网站！
CSS能否改变meta标签设定颜色？gcp course

13

Hello cnchen
No, CSS canot change the color of the Safari browser toolbar You might need to look into other tools . you can check out Safari Developer documentation or ask in web development communities for help and also you can click here https://stackoverflow.com/questions/52511469/meta-tag-theme-color-status-bar-icons-color-changeconnect jira with power bi