加载完所有内容后重新设置小部件

Question

我有一个从外部网站加载的小部件。小部件宽度大于我的网站，我想调整它的大小。但无论我做了什么，都没有改变。我尝试使用＆＃34;！important＆＃34;编写CSS规则，我在加载文档后使用jQuery调整大小但是它不起作用。

如何覆盖小部件的CSS规则。什么都没有用？

Answer 1

通过使用Chrome DevTools，您可以在屏幕截图中查看右侧的Computed样式。

找到您正在处理的属性，并且应该有一个指向该属性的CSS文件的链接。

如果元素出现在iframe中，请使用以下循环等待iframe加载。

while ( $( "iframe" ) == false ) { ; }

iframe加载后，while循环将退出，然后您可以使用jQuery应用您的CSS。

$("#myiFrameElement").css("background-color", "yellow");