Unfortunately, there is no way using CSS to target only the contents of an iframe
from within the source of the iframe
, i.e. the page that contains the iframe
element.
I'm assuming, since you're using Stylish, that your CSS is in a Firefox user stylesheet. If so, you may have to look at the source URLs of those iframe
s, create a @-moz-document
rule targeting those URLs at their domains, and remove the html:before
pseudo-element accordingly.
Something like this, which should go beneath what you already have:
@-moz-document domain(/* Facebook Like */),
domain(/* Tweet Button */),
domain(/* Google +1 */)
{
html:before
{
content: none !important;
}
}
The content: none
declaration disables the pseudo-element, preventing it from being rendered.
Having to exclude specific domains in this manner means this method is extremely limited and not very versatile at all, but it's the best I can think of.