Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
this doesn’t work in a facebook application?
q:before { content: '\00AB'; color: #FF0000; }
q:after { content: '\00BB'; color: #FF0000; }
If you are building an FBML application, then yes, your CSS will be filtered through Facebook’s content rendering servers. They do this with all FBML pages and referenced resources in order to prefix all your HTML/CSS/JS elements with a “namespace” created using your application id. This ensures that your CSS can’t mess with the primary Facebook layouts.
Unfortunately, their CSS filters seem to disallow some CSS. For example, I have found that all the Firefox specific CSS rules such as
-moz-border-radius: 3pxwork fine, but the corresponding-webkit-border-radius: 3pxdoes not work. Very annoying.My suggestion is to find the rewritten CSS file and see what they’ve done with it. You’ll have to view source on your FBML page and look for the CSS files, they generally come from
http://external.ak.fbcdn.net/fbml_static_get.php, with a query string that will look like the actual source. Check out your CSS file and you’ll see how it’s been re-written… I believe I’ve used thecontent:rule before, so perhaps it’s being sanitized in some way.