Chrome扩展修改YouTube订阅按钮CSS未生效，求解决方案

你的问题核心是CSS选择器优先级不足，YouTube自身的内联样式或更具体的选择器覆盖了你的自定义样式，导致修改不生效。以下是针对性的修复方案：

方案1：提升选择器优先级 #

给选择器添加更具体的父元素兜底，同时通过!important强制覆盖默认样式：

ytd-subscribe-button-renderer .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
    color: #080808 !important;
    background-color: #c00 !important;
}

其中ytd-subscribe-button-renderer是订阅按钮的上层容器组件类，加上它能大幅提升选择器权重；!important作为最后保障，确保你的样式优先级超过YouTube的默认样式。

方案2：扩展页面匹配范围（可选） #

如果需要在更多YouTube页面（比如频道主页、推荐页）生效，可修改manifest.json的matches规则：

"matches": ["https://*.youtube.com/*"]

额外排查步骤 #

• 右键点击订阅按钮选择「检查」，确认当前按钮的类名是否与你的选择器一致（YouTube可能会更新组件类名）。
• 打开Chrome扩展管理页，确认你的扩展已启用且无加载报错。

内容的提问来源于stack exchange，提问作者Nolan Jordan