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

我正在尝试实现以下共享按钮。。。。

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

它可以正常工作，但是，我需要用图像替换图标字体。

我试图更改一些css属性，但它不能正常工作

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

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

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

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

请参阅此链接

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`]
},}

请使用'制作bg！"重要"属性。对其他图标执行以下操作

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

相关内容

最新更新

热门标签：