标签：javascript css facebook facebook-like html

Facebook “Like” button允许您设置按钮本身的宽度及其相关内容(例如,喜欢的数量).但是,我没有在文档中看到任何选项来控制单击“赞”按钮后出现的注释框的宽度：

https://skitch.com/troywarr/8d761/like-button-facebook-developers

我错过了一个选项,还是没有办法做到这一点？我可以覆盖< iframe>的宽度它包含使用CSS的注释框,但不会更改< iframe>内容的宽度,因此它们会溢出并被剪裁.我也无法更改评论框中的任何样式,因为它托管在不同的域中.

更新：

不确定为什么这个问题被贬低 – 请评论我问的问题是否存在问题.

评论框的内容绝对无法通过JavaScript或CSS访问.它是在< iframe>中创建的,它从父文档中排除了CSS样式,并且它托管在Facebook的域上,禁止跨域脚本：

https://skitch.com/troywarr/8d6wj/facebook-like-button

我要问的是：

>我错过了一个允许我选择此评论框宽度的设置(记录与否)？
>如果没有设置,是否有一种聪明的方法来设置评论框的宽度,这比设置其< iframe>的宽度更好通过CSS？

解决方法:

如果是您的网站,您可以更改任何内容！

使用CSS并使用！important指令强制执行规则

内联CSS具有最高优先级,然后嵌入比全局……等！

希望这可以帮助.

编辑：您可以通过CSS将iframe定位到外部.示例如下

#container iframe  /* iframe is inside a element with ID="container"
{
width:200px !important;
}

如果未使用！important标记指定它们,则上面将覆盖所有宽度

标签：javascript,css,facebook,facebook-like,html
来源： https://codeday.me/bug/20190709/1416442.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。