Question

我正在网站中嵌入YouTube <iframe>。我想删除视频标题下的灰色渐变阴影，但似乎找不到方法。

我对此进行了大量研究，但发现您无法再删除标题。我想知道您是否仍然可以删除标题下的灰色阴影。我只希望视频具有播放按钮的外观，然后在其后添加阴影。我需要这样做，因为这与我对网站的设计保持一致。

使用检查元素，我发现.ytp-gradient-top是导致渐变阴影的类，我只是不知道如何消除它。

感谢您的帮助！

Answer 1

由于相同的原始政策，您无法在iframe中更改元素的CSS。

Answer 2

希望您做的很棒！

您有正确的类.ytp-gradient-top，但此处要应用的样式应为渐变。尝试以下代码：-

.ytp-gradient-top {
   background: linear-gradient(0, transparent, transparent);
}

一旦这样做，阴影将自动消失，因为它是线性渐变，但是标题的文本再次为白色，带有阴影，这会与背景白色混淆。因此，为了完成任务，您需要使用以下代码更改文本的颜色/阴影（相邻的同级选择器，或者也可以选择正确的类）：-

.ytp-gradient-top + div {
   color: #000 // or whichever color you want to show
}

如果由于样式的特殊性仍然无法使用，请尝试在每个选择器之前添加/deep/以达到目的。

有点退缩-顺便说一句，一个不错的网站！只是尝试使其响应迅速，以从您的网站中获得最佳收益。

快乐编码！希望这可以帮助！干杯！！！

Answer 3

在.shadow类中添加text-shadow:none并删除其余不起作用的标记。添加此后，该iframe将没有阴影！希望这就是您想要的...