编程语言
首页 > 编程语言> > javascript – 我可以更改Facebook“赞”按钮的评论框的宽度吗?

javascript – 我可以更改Facebook“赞”按钮的评论框的宽度吗?

作者:互联网

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