是否有可能给Facebook页面插件圆角？

Question

我正在使用Facebook的页面插件，它在网站上显示Facebook页面提要。 该插件只是少量的HTML代码，可以存入您用于制作网站的任何文件。

这是代码：

<div class="fb-page" data-href="https://www.facebook.com/pages/UrchinBooks-Shop/922785527788785?fref=ts" data-width="250" data-height="340" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/pages/UrchinBooks-Shop/922785527788785?fref=ts"><a href="https://www.facebook.com/pages/UrchinBooks-Shop/922785527788785?fref=ts">UrchinBooks Shop</a></blockquote></div></div>

我已经尝试在我的样式表中使用div的类，但是没有做任何事情。 我还尝试为所有div添加样式标记。 那里也没有。

是否可以提供在网页上显示的框，即插件生成的框，圆角？

Answer 1

这是如何给插件圆角;

进入浏览器中的开发人员工具并浏览HTML，直到找到插件的HTML代码所在的位置。 展开所有div，span和其他任何内容，直到找到iFrame标记。 您需要在样式表中使用此iFrame标记。 对我来说是：

.fb_iframe_widget iframe

但对于其他人来说可能会有所不同，因为插件可能会有不同的工作方式。

基本上，您在样式表中使用该iFrame。 对我来说，我使用开发人员工具查找iFrame标签，然后我找到了与该iFrame标签关联的CSS选择器，并在样式表中使用了该CSS选择器。