1

私のページにこのコードがあります：

<a href="https://twitter.com/share" class="twitter-share-button" data-url="<?php echo $refLink; ?>" data-text="my text data" data-via="testdata" data-lang="it" data-size="large" data-count="none" data-dnt="true">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>


<a name="fb_share" type="button" 
share_url="<?php echo $refLink; ?>" id="facebook-share">Facebook</a> 
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script>

デフォルトのボタン (グラデーション付きの Twitter ボタンと fb 共有の青いアイコン) を表示しますが、これらの画像を使用せずに 2 つの灰色の背景を表示したいのですが、どうすればカスタマイズできますか?

セレクターを使用して CSS をカスタマイズしようとしましたが、画像は常に私の css をオーバーライドしますbackground-color。

4

1 に答える 1

0

＃facebook-share divのcssopacityプロパティを0に設定してから、適切なbackground-colorを使用してその周囲に別のdivを配置します。

例えば。

<div id="fb-wrap"><a name="fb_share" type="button" 
share_url="<?php echo $refLink; ?>" id="facebook-share">Facebook</a></div>

css:
#fb-wrap{
  background-color: #foo;
}
#facebook-share{
  opacity: 0;
}

もちろん、ラッパーdivでbackground-imageを使用して、ボタンに好きな画像を使用することもできます。

于 2012-09-10T14:39:58.160 に答える