css - プレーヤー vimeo オーバーライド再生ボタン css

Question

私はこの単純なフィドルを持っています

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

よく検索したところ、次のことがわかりました。

いいえ、できません。

ページ A の iframe は、iframe B のページにリンクする単なるコンテナー要素です。したがって、iframe B は、そのページに含まれる CSS のみに準拠します。もちろん、同じスタイルシートを共有しない限り、これをオーバーライドする方法はありません。

CSS をオーバーライドできれば、よりカスタマイズされた Adsense 広告が Web 上に浮かんでいることに気付くでしょう。

運が悪いので、お時間をいただきありがとうございます。

Answer 2

と がborder-radiusありbackground-colorます。しかし、あなたはそれを変えることができます。ここにクラスがあります：

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

注:これはiframeそのため、スタイル シート ファイルが必要です。