css - AddThis 如何更改图标上的图像

Question

所以我有以下标记

    <div class="socialMediaPlugin">
                <div class="socialMediaLinks">
                 <label>Share this page</label>
                    <a class="addthis_button_facebook"></a>
                    <a class="addthis_button_twitter"></a>
                    <a class="addthis_button_google_plusone_share"></a>
                    <a class="addthis_button_pinterest_pinit"></a> 
                    <a class="addthis_button_email"></a>
                 </div>
            </div>


            <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f8448d935e2a296"></script>

和CSS

    <style type="text/css">
    .socialMediaPlugin 
    {
        width: 738px;
        display: block;
        float: left;
    }

   .socialMediaLinks 
   {
        float: right;
        vertical-align:middle;
        border: 2px solid #DCDCDC;
        border-radius: 5px 5px 5px 5px;
        padding: 0px 0px 0px 10px;
        background-color: white;
    }
    .socialMediaLinks a
    {
        display: inline-block;
        padding: 3px;
        vertical-align:middle; 
    }
    .socialMediaPlugin label
    {
        display: inline-block;
        margin-right: 15px;
    }
</style>

我想知道是否有人知道如何更改社交媒体按钮上的图标？特别是对于 Pinterest，我愿意这样做。

提前致谢

Answer 1

<a class="addthis_button_pinterest_pinit">
  <img src="my_pintrest_icon.gif" width="16" height="16" border="0" alt="Share" />
</a> 

将 img src 更改为您想要的任何内容

Check this了解更多信息: