2017-09-13 15 views
1

CSS for embedded Tweetsを上書きしようとしています。たとえば、私はちょうどfont-sizeを変更しようとしましたが、動作しません。埋め込みツイートのスタイルシートを上書きする方法

jsfiddle

あなたがにリンクされているドキュメントからCSS

twitterwidget, blockquote, .Tweet, blockquote.Tweet, .twitter-tweet, twitterwidget.twitter-tweet, p, blockquote p, blockquote.Tweet p, twitterwidget.twitter-tweet p{ 
    font-size: 26px !important; 
} 
+1

コンテンツはiframe – JavaEvgen

+0

Sryから来るので、純粋なCSSでこれを行うことができますが、コメントは5分後に編集できません。純粋なCSSでiframe内のコンテンツにスタイルを適用することはできません。 – JavaEvgen

+0

@JavaEvgen私は参照してください。彼らのドキュメンテーションが間違っていることを意味しますか?そうでない場合、なぜ彼らはそれが可能であると言うのでしょうか? – Matt

答えて

2

、ない完全なスタイル通常版しかし、あなたはフォールバックプレゼンテーションのスタイルを変更することができそうです。通常のバージョンはiframeを使用して表示されます。iframeを正しく呼び出すと、親ページからスタイルを適用できません。これはおそらく設計によるものです - Twitterは埋め込みコンテンツのブランド化を混乱させたくはありません。

編集:たとえば、リンクされたドキュメントページでJavaScriptを無効にすると、実際にフォールバックマークアップを使用してツイートがレンダリングされ、自分のスタイルなどが適用されます。

+0

フォールバックプレゼンテーションとは何ですか? – Matt

+0

ツイートを埋め込むと、ブロッククォートとJavaScriptのリンクを使ってブロッククォートがiframeに置き換えられ、ツイートが見えるようになりますが、Twitterで見ることができます。 JavaScriptを使用した置換が失敗した場合、元のブロッククォートが残っています。そのスタイルを変更することができます。 – klumme

+0

お返事ありがとうございます。私はJavaScriptを無効にすると、私はCSSを上書きすることができますが、これは解決策ではないので、なぜドキュメンテーションに言及していないのか分かりません。 – Matt

関連する問題