如何用CSS修改YouTube点赞按钮颜色？Arc浏览器Boost功能适配求助

根据你提供的CSS和问题描述，问题出在第三条规则的选择器写法错误，以及未针对点赞按钮的状态做精确匹配。以下是修正后的CSS方案：

修正后的完整CSS规则 #

.iron-selected {
  background-color: antiquewhite !important;
}

.iron-selected > #text {
  color: #000 !important;
}

/* 统一设置未选中状态的点赞/踩按钮颜色 */
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal.style-scope {
  color: #898989 !important;
}

/* 可选：设置点赞按钮选中后的文本/图标颜色 */
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal.style-scope.iron-selected {
  color: #你的目标颜色 !important;
}

ytd-app, .ytd-app, div#background, div#chips-wrapper {
  background-color: #0f0f0f !important;
}

.ytd-channel-name {
  color: #444 !important;
}

关键说明 #

1. 修正选择器错误：你原第三条规则用逗号分隔.style-scope和按钮类，会将两个选择器视为独立目标，导致按钮样式匹配失效。改为将.style-scope作为按钮类的后缀，确保选择器精准指向点赞/踩按钮元素。
2. 覆盖选中状态样式：如果需要修改点赞按钮被选中后的颜色，添加带.iron-selected的规则，强制覆盖YouTube默认的选中态颜色。
3. 图标颜色单独适配：若点赞按钮图标颜色仍未改变，可补充以下规则单独针对图标设置：

.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal.style-scope .yt-spec-icon-shape {
  color: #898989 !important;
}

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