如何使用CSS更改Youtube Like按钮的颜色

fnvucqvd 于 2023-05-30 发布在其他

关注(0)|答案(2)|浏览(131)

我已经阅读了this post中的信息，但它似乎已经过时了，因为它对我不起作用！
我使用的是Arc浏览器和一个名为Boost的新功能，用户可以使用自定义CSS规则自定义网页的外观。
到目前为止，我的自定义CSS规则如下：

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

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

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

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

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

第三个CSS规则正确地将拇指向下（不喜欢）按钮的颜色更改为浅灰色，但拇指向上（喜欢）按钮保持黑色，如下面的截图所示：

我研究了下面的HTML代码，但我不明白like按钮的黑色是从哪里来的，也不知道如何更改它：（我试过设置各种选择器的颜色，但都没有用！）

css

来源：https://stackoverflow.com/questions/76356794/how-to-change-the-color-of-the-youtube-like-button-using-css

2条答案

按热度按时间

ekqde3dh1#

识别YouTube Like按钮的CSS选择器。您可以使用浏览器的开发人员工具检查元素。在这种情况下，选择器可能是.like-button-renderer-like-button-unclicked。
创建一个CSS规则来定位选择器并更改颜色。您可以在HTML或外部CSS文件中内联添加此规则。

.like-button-renderer-like-button-unclicked {
  background-color: red; /* Set the desired color */
}

赞(0）回复(0）举报 2023-05-30

pftdvrlh2#

找到了！

#segmented-like-button
    > ytd-toggle-button-renderer
    > yt-button-shape
    > button
    > div.yt-spec-button-shape-next__icon
    > yt-icon
    > yt-animated-icon
    > ytd-lottie-player
    > lottie-component
    > svg
    > g
    > g:nth-child(2)
    > g:nth-child(4)
    > path,
#segmented-like-button
    > ytd-toggle-button-renderer
    > yt-button-shape
    > button
    > div.yt-spec-button-shape-next__icon
    > yt-icon
    > yt-animated-icon
    > ytd-lottie-player
    > lottie-component
    > svg
    > g
    > g:nth-child(2)
    > g:nth-child(2)
    > path {
    stroke: #898989 !important; /* Set the desired color */
}

赞(0）回复(0）举报 2023-05-30

我来回答

如何使用CSS更改Youtube Like按钮的颜色

2条答案

相关问题

热门标签

最新问答