Twitter 有没有办法定制推特分享的推特按钮

大家好，我正在使用twitter共享按钮和共享上的回调函数，以便我可以对成功的共享进行一些处理。我正在为此使用jQuery代码

但添加iframe和生成的Tweet按钮的代码与我的UI不匹配。我想用图片而不是按钮

有没有任何方法可以让我在iframe中使用image而不是button（在iframe代码中自定义tweet按钮）或任何其他方法来实现这一点

我的代码：

<script>
window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,"script","twitter-wjs"));
</script>

<a class="twitter-share-button" href="https://twitter.com/share" data-size="small" data-url="http://knoldus.com" data-text="Hello" data-count="none" >Tweet</a>


<script src="https://platform.twitter.com/widgets.js"></script>
<script>
twttr.events.bind('tweet' , function(event) {
// do somethings here
alert("Tweet has been successfully posted");
});
</script>

window.twttr=（函数（d，s，id）{var js，fjs=d.getElementsByTagName（s）[0]，t=window.twttr{}；if（d.getElementById（id））返回；js=d.createElement（s）；js.id=id；js.src=”https://platform.twitter.com/widgets.js“fjs.parentNode.insertBefore（js，fjs）；t._e=[]；t.ready=函数（f）{t._e.push（f）；}；返回t；}（文档，“脚本”，“twitter wjs”）；
twttr.events.bind（'tweet'，函数（事件）{
//在这里做点什么
警报（“推特已成功发布”）；
});

提前谢谢