css - 禁用Scrapeazon iFrame [Wordpress插件:Scrapeazon]

我试图通过在水平和垂直方向上去除滚动条来在此website上图中的该帧中设置样式，此外，我正在尝试增加宽度，但是所有工作似乎都是徒劳的。

#scrapeazon-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden !important;
  -webkit-overflow-scrolling: touch;
}

#scrapeazon-iframe {
  width: 100%;
  height: 90%;
  border: none;
}

出于某种原因，这里没有任何内容可以覆盖吗？

用于在wordpress上集成的HTML简码；

[scrapeazon asin="B074TBRMZK" width="800" height="300" border="false" country="US"]

最佳答案

您不能将CSS应用于iframe中加载的HTML，除非由于跨域资源限制而可以控制iframe中加载的页面。

但是，您可以在Scrapeazon插件设置中编辑CSS。

您可以通过多种方式设置scrapeazon-reviews iframe的样式：编辑主题的样式表，向每个短代码添加参数，或使用插件的内置响应式样式表。

要在主题样式表中设置iframe的样式，请在样式表中添加名为scrapeazon-reviews和scrapeazon-api的类，然后在这些类中添加要设置样式的width，height，border和其他参数。例如，将以下内容复制并粘贴到样式表中，以使iframe成为540×540像素正方形（无边框）：

.scrapeazon-reviews {
   width: 540px;
   height: 540px;
   border: none;
}
.scrapeazon-api {
   width: 540px;
}

要使用短代码设置iframe的样式，请在短代码中添加width，height和border作为参数。例如，要以简码格式完成与上述相同的格式，请使用以下简码：
[scrapeazon asin="<your asin>" width="540" height="540" border="false"]

如果要以百分比而不是像素指定值，请在width和height值后附加一个百分比（％）符号。您可以选择附加‘px’而不是百分比符号来使用像素。如果仅指定数字，则ScrapeAZon将默认为像素。

要使用内置的响应式样式表（如果您的站点具有响应式设计/主题）为iframe设置样式，请在“ ScrapeAZon设置”页面上选中“使用响应式样式”复选框。

关于css - 禁用Scrapeazon iFrame [Wordpress插件:Scrapeazon]，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51191775/