html - 如何将这些 iframe 属性更改为 CSS？

Question

我有一个 iframe 如下:

<iframe src="https://xyz" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>

我尝试将其样式更改为 CSS，如下所示:

iframe {
  width: 600;
  height: 450;
  frameborder: 0;
  border: none;
  allowfullscreen: 0;   
}

然而，结果并不正确。我做错了什么？

Answer 1

您可以将 Id 分配给 Iframe 并在 CSS 中进行必要的更改。 allowscreen 和 frameborder 不是 CSS 属性。

HTML

<iframe id="iframe" src="https://xyz" allowfullscreen=""></iframe>

CSS

#iframe {
 width: 600px;
 height: 450px;
 border: none;   
}