在本文中:如何在 iPhone/iPad 上的 Safari 浏览器中为每个站点自定义 CSS我会解释一下。
当您想要隐藏每个站点不需要的项目时,这非常有用。
相关文章 如何在 Mac 版 Safari 中设置自定义 CSS
改造通过此功能扩展,您可以覆盖每个站点的 CSS 代码(免费)。

打开 Safari,然后在搜索字段的左侧
图标的管理扩展→改造
打开它。
返回上一页改造继续。

(左)点击红框 (右)管理扩展程序

(左)打开 Makeover (右)打开 Makeover
仅在第一次时,才会出现有关访问权限的消息,因此所有网站始终允许让我们。

(左)始终允许(右)所有网站始终允许
现在准备工作已经完成。
然后,在显示要应用 CSS 代码的页面时,改造只需打开它并注册任何 CSS 代码即可。
例如,如果您想从 Google 搜索页面隐藏“AI 摘要”,请在显示 Google 搜索页面时注册以下代码。
.YzCcne {
display: none !important;
}确保屏幕上显示“CUSTOM CSS ON WWW.GOOGLE.COM”。如果没有,您已经在 Google 搜索屏幕以外的页面上注册,它将无法正常工作。

将代码复制并粘贴到 CSS 代码字段中(左)(右)
刷新页面,看看CSS代码是否反映。

“人工智能概述”示例。应用后红框(左)中的显示消失(右)
如果您想暂时禁用它,管理扩展如果您关闭改头换面就可以了。

(左)管理扩展程序(右)关闭
推荐的自定义 CSS 集合
/*Google検索の「他の人はこちらも検索」・「関連する質問」を消す*/
.ouy7Mc {
display: none !important;
}
/*Google検索の「AIによる概要」を消す*/
.YzCcne {
display: none !important;
}
/*Google検索の「動画」・「ショート動画」を消す*/
div.MjjYud:has(a[href*="youtube.com"]),
div.MjjYud:has(a[href*="watch?v="]) {
display: none !important;
}
/*ダークモード非対応サイトでダークモードを適用する*/
@media (prefers-color-scheme: dark) {
html {
filter: invert(1) hue-rotate(180deg) brightness(0.95) contrast(0.9) !important;
background-color: #111 !important;
}
img,
video,
picture,
canvas {
filter: invert(1) hue-rotate(180deg) !important;
}
}
谷歌搜索“其他人也搜索过这里”/删除“相关问题”
这是一个 CSS 代码,用于删除 Google 搜索结果中显示的“人们也搜索过此内容”和“相关问题”。
.ouy7Mc {
display: none !important;
}▼“其他人也搜索过这里”的例子消失

应用后红框(左)中的显示消失(右)
▼“相关问题”消失的例子

应用后红框(左)中的显示消失(右)
相关文章 如何在iPhone上删除“其他人也搜索/相关问题”
删除谷歌搜索“AI摘要”
这是一个 CSS 代码,用于删除 Google 搜索结果中显示的“AI 摘要”。
.YzCcne {
display: none !important;
}
应用后红框(左)中的显示消失(右)
相关文章 如何删除iPhone上的“AI摘要”
删除Google搜索“视频”/“短视频”
这是一段 CSS 代码,用于删除 Google 搜索结果中显示的“视频”和“短视频”。
div.MjjYud:has(a[href*="youtube.com"]),
div.MjjYud:has(a[href*="watch?v="]) {
display: none !important;
}▼“视频”消失的例子

应用后红框(左)中的显示消失(右)
▼“短视频”消失的例子

应用后红框(左)中的显示消失(右)
相关文章 如何在 iPhone 上从 Google 搜索中删除“视频”和“短视频”
在不支持深色模式的网站上应用深色模式
这是 CSS 代码,即使对于不支持深色模式的网站也应用深色模式。
@media (prefers-color-scheme: dark) {
html {
filter: invert(1) hue-rotate(180deg) brightness(0.95) contrast(0.9) !important;
background-color: #111 !important;
}
img,
video,
picture,
canvas {
filter: invert(1) hue-rotate(180deg) !important;
}
}当整个设备的外观模式设置为“深色模式”时,深色模式也会体现在网站上。

(左)我们的常规网站(右)我们应用深色模式的网站
相关文章 如何在 iPhone 版 Safari 上使用深色模式
〆:让我们改变CSS设计吧!
以上、如何在 iPhone 的 Safari 中设置自定义 CSS!使用 Makeover 为每个站点自定义样式表这就是解释。
对于其他浏览器(Chrome/Firefox/Edge...等),风格机器人・手写笔有一些众所周知的扩展可用,但它们都不能与 Safari 一起使用。
虽然易用性有所不同,但引入的功能扩展 Makeover 允许您在 iPhone/iPad 上的 Safari 中设置自定义 CSS。
尝试一下。
