自定义共享按钮，需要用图像替换图标字体

Question

我正在尝试实施以下分享按钮....

http://jquery-plugins.net/share-button-fast-and-beautiful-social-share-buttons

它工作得很好但是，我需要用Image替换图标字体。

我尝试更改一些css属性，但它无法正常工作

http://jsfiddle.net/eu0tbjLo/4/

<div class="article-icon-box social-media-popup">
    <div class='share-button'> <img src="" alt="S"/></div>

</div>

Answer 1

  Share.prototype.inject_icons = function() {
    return this.inject_stylesheet("https://www.sharebutton.co/fonts/v2/entypo.min.css");
  };

使用您的css更改share.js中的此链接

Answer 2

see this link

var share = new Share('.share-button', config);
config = {
ui: {
button_text:       // change the text of the button, [Default: `Share`]
icon_font:         // include the minified Entypo font set. [Default: `true`]
},}

Answer 3

请使用'！important'属性制作bg。其他图标与下面相同

`.share-button.sharer-0 .social li[class*=pinterest] {
background: url('../images/pinterest.png') no-repeat #c5282f !important;
display: block;
}`