覆盖来自 YouTube 的外部 CSS答案

【问题标题】：Override external CSS from YouTube覆盖来自 YouTube 的外部 CSS
【发布时间】：2017-09-24 14:06:47
【问题描述】：

我在我的网站上嵌入了视频，我想用我的 CSS 覆盖原始 CSS。

原文是：

.ytp-chrome-controls .ytp-button.ytp-youtube-button 
 {
    width: 51px;
 }

我想用这个覆盖：

.ytp-chrome-controls .ytp-button.ytp-youtube-button 
 {
    width: 0px;
 }

代码应该是什么样子，我可以将代码放在哪里来覆盖外部链接中的原始 CSS？

顺便说一句，我的网站上有 WordPress。

【问题讨论】：

【解决方案1】：

无法覆盖 YouTube 中的任何 CSS，因为播放器是使用 iframe 托管的。

您拥有的唯一选项是embed parameters，不幸的是，根本没有任何东西可以为您提供这种自定义。

【讨论】：

【解决方案2】：

虽然不希望以重复的方式进行（尽管有时是必要的），但您可以将 !important 标签添加到您的 CSS 中，如下所示：

.ytp-chrome-controls .ytp-button.ytp-youtube-button { width: 0 !important; }

应该这样做！此外，如果您为单个 CSS 属性指定了 0，则不需要包含单位，例如 px。如果您的项目规模较大，请记住一些事情。

泰勒

【讨论】：