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

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

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

新手诚问!

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">
meta[name="theme-color"]* {
  color: #333333 !important;
  background: #333333 !important;
  background-color: #333333 !important;
}

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


可能是异想天开啦 :slight_smile:

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

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

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

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

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

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

defaults write com.apple.safari NSWindowDarkChocolate -bool true

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

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

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

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