玩家vimeo覆盖播放按钮css

Question

我有这个简单的fiddle

以下是Chrome Canary的屏幕截图：

我想要做的是添加以下代码

.player .controls button.play {
    width: 40px !important;
    height: 40px !important;
    border-radius: 100% !important;
    background-color: rgba(23,35,34,.75) !important;
}

但这不起作用，任何帮助都会感激不尽。 干杯

Answer 1

它有border-radius和background-color。但你可以改变它。这是班级：

.player .rounded-box {
background: rgba(23,35,34,.75);
border-radius: .5em;
}

注意： 这是iframe所以，您需要拥有样式表文件。

Answer 2

搜索后我发现了以下内容：

不，不能。

页面A中的iframe只是一个链接到iframe B中页面的容器元素。因此，iframe B只会遵循其页面中包含的CSS。除非它们共享相同的样式表，否则无法覆盖它。

如果我们可以覆盖CSS，那么我们会注意到更多自定义的Adsense广告在网络上浮动。

所以没有运气，谢谢你的时间。