Facebook Like Button - change font color?

Is it possible to change the color of text in a Facebook like button? Besides selecting a different col开发者_如何学Cor scheme, I don't see a way to adjust the font...

Facebook retains control over their button and only allows you to set predefined options for skinning it. As font color goes, you can choose the light colorscheme to go with light backgrounds, or the dark colorscheme to go with dark backgrounds.

http://developers.facebook.com/docs/reference/plugins/like-box/

YES

It can be done

NO

It's probably not allowed by Facebook's brand guidelines.

Demonstration

I created a demo page that lets you pick the colors using a slider or palette, or that lets you manipulate the filter directly.

Background information

The technique basically works by applying a hue-rotate filter to the element containing the i-frame. Hue-rotate sort-of rotates a color wheel. As such we can't give the button any color we want. We are limited to the 360 degrees of rotation we can apply to the default button. But there are some greens, browns, reds, pink and even purple we can play with. Try it out for yourself.

References

StackOverflow: how to change color of facebook like button

Stijn de Witt's Blog: Change the facebook button color

Include data-colorscheme="light/dark" according to your background in the div with class "fb-like". Light color scheme is for light background and vice-versa.

Facebook has not released this feature yet. However, you may change it using javascript - when using the JS based version, not iframe.