css - 加载所有内容后重新设置小部件样式

Question

我有一个从外部站点加载的小部件。小部件宽度比我的网站大，我想调整它的大小。但无论我尝试过什么都没有改变。我尝试用“!important”编写 CSS 规则，我在加载文档后使用 jQuery 调整大小，但它不起作用。

如何覆盖小部件的 CSS 规则。为什么没有任何效果？

Answer 1

通过使用 Chrome DevTools，您可以在右侧查看计算样式，如屏幕截图所示。

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

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

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

一旦加载了 iframe，while 循环就会退出，然后您可以使用 jQuery 应用您的 css。

$("#myiFrameElement").css("背景颜色", "黄色");