扩大Facebook发送按钮的大小?

时间:2012-02-18 04:03:24

标签: css facebook user-interface facebook-social-plugins

有没有办法通过使用css扩大Facebook发送按钮?

小型发送按钮似乎非常微型,我试图用更大的字体大小构建网站

请帮忙

2 个答案:

答案 0 :(得分:3)

您可以使用CSS transforms之类的scale, scaleX or scaleY来更改元素的大小。

要获得大小为150%的Send Button,您可以使用以下内容:

.fb-send, fb\:send {
  transform: scale(1.5);
}

You may see this in action (without polyfill)

备注

  • 请记住特定于浏览器的前缀:-webkit-moz-o-ms
  • Internet Explorer仅支持版本9的CSS转换,因此您需要使用polyfill来支持旧版本。

<强>更新
除了使用CSS缩放原始按钮之外,您可以使用其他答案中建议的Send Dialog。使用JavaScript SDK(使用FB.ui的方法send)和您可能看起来像您想要的自定义按钮,只需点击自定义按钮点击下一个代码:

FB.ui({
  method: 'send',
  name: document.title,
  link: document.location.href
});

答案 1 :(得分:1)

你做不到。 “发送”按钮位于iFrame中,因此您无法在提供的选项here之外更改其外观。我建议使用Graph API发送对话框并构建您自己的按钮(如果愿意,您甚至可以从FB获取CSS /样式):