ツイッターボタンを交換する

Question

自分のウェブサイトのグラフィカルチャーターに合わせて自分のツイッターボタンをデザインしました。 私はBoostrapのためにソーシャルボタンを使いました。

私は自分のクラスbtn btn-social-icon btn-twitter btn-xsによってクラスtwitter-share-buttonを交換する場合、問題はもうそのデータ、テキスト doesent作品です。

データテキストのような機能を維持しながら、twitter-share-buttonを自分のボタンで置き換えるにはどうすればよいですか？

<script src="//platform.twitter.com/widgets.js" type="text/javascript"></script> 
    <div> 
     <a href="https://twitter.com/share" class="twitter-share-button" 
      data-url="https://dev.twitter.com/pages/tweet_button" 
    data-via="your_screen_name" 
      data-text="Checking out this page about Tweet Buttons" 
      data-related="anywhere:The Javascript API" 
      data-count="vertical">Tweet</a> 
    </div> 

Answer 1

私が言ったように、私たちは、異なるドメインからのiframeのCSSを変更することはできません。

この

は、私はクラスを交換したいTwitterから作業コードです。だからここに一つの解決策があります。私はこれを most of the timeと使いました。 Twitter Web Intentと呼ばれています。

これは役に立つと思います。

P.Sこれを確認してくださいjsbinリンク。どういうわけかjsfiddleはサポートしていません。

$(document).ready(function() { 
 
    $('#tweetBtn').click(function() { 
 
    var url = 'https://twitter.com/intent/tweet?hashtags=YouAreAwesome&original_referer=' + encodeURIComponent('stackoverflow.com') + '&text=' + encodeURIComponent('Thank you so much @knowkalpesh, you made my day!'); 
 
    window.open(url, '_blank'); 
 
    }); 
 

 
});

#tweetBtn { 
 
    background: tomato; 
 
    padding: 10px; 
 
    display: inline-block; 
 
    color: #fff; 
 
    border-radius: 5px; 
 
    cursor: pointer; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="tweetBtn">Custom Tweet Button</div>