Twitter для вставки - Как переопределить CSS - PullRequest
Новая
       14

Twitter для вставки - Как переопределить CSS

0 голосов
/ 25 мая 2018

Я пытаюсь переопределить встроенный твит CSS.Сначала я попробовал использовать обычный CSS, но он не понимает твиты и, похоже, не работает: https://dev.twitter.com/web/overview/css

Сейчас я пытаюсь использовать подход JavaScript, но мне не удается нацелиться на элементы внутритвитЯ искал ответы, но они все о таймлайнах, а не об отдельных встроенных твитах.

Я использую https://dev.twitter.com/web/javascript/events: 

twttr.ready( function(twttr){

twttr.events.bind('rendered',function (event) {

var tgt = event.target;  // Now inside each tweet
// Code to target the content in order to change its css
});

Спасибо за вашhelp.

EDIT // Вот рабочий скрипт: 

twttr.ready( function(twttr){

twttr.events.bind('rendered',function (event) { 

    var tgt = event.target;

    $(tgt).contents().find(".EmbeddedTweet").css({  
        "border":"2px solid black",
        "border-radius":"7px",
        "max-width":"100%"
    });

  });

});

1 Ответ

0 голосов
/ 27 мая 2018

Я нашел ответ, вот как динамически стилизовать загруженные твиты: 

twttr.ready( function(twttr){

twttr.events.bind('rendered',function (event) { 

var tgt = event.target;

$(tgt).contents().find(".EmbeddedTweet").css({  
    "border":"2px solid black",
    "border-radius":"7px",
    "max-width":"100%"
   });

 });

});
...