有没有办法对CSS的tiktok和Instagram嵌入进行样式设置？

[danielabc (Daniela)]

当我在浏览器页面上使用“检查元素”选项并将其移至 tiktok 和 instagram 嵌入的 CSS 时，CSS 可以正常工作，但当我将此 CSS 代码放入 discourse 时，它没有任何变化。

我删除了嵌入的 instagram 帖子中巨大的白色背景，并添加了一个 1 像素的细边框和 50 像素的圆角边框，我对 tiktok 也做了同样的处理，这也减小了帖子的尺寸，因为它在移动设备上显示为裁剪，但没有任何改变。

[awesomerobot (Kris)]

由于同源策略，您通常无法操作来自不同域的 iframe 的内容——如果没有这种限制，您就可以，例如，用 CSS 替换一张图片，使其看起来像是某个 Instagram 用户发布了他们未发布的内容。

[danielabc (Daniela)]

但是你不能只改变背景、边框半径和帖子大小吗？（不改变别人的内容？）

在Instagram上，有一个白色的背景破坏了黑色主题，除此之外，还有这个巨大的空间，非常破坏帖子

[danielabc (Daniela)]

在 TikTok 上，帖子是贴在角落的，并且有一个非常难看的厚白色边框

[danielabc (Daniela)]

在 Twitter 上，我设法去掉了白色背景并使其透明（以适应任何主题），并将圆角边框设置为 50px 和细边框

[awesomerobot (Kris)]

@mecay

但您不能只更改背景、边框半径和帖子大小吗？

您可以操作 iframe 标签本身（添加边框、圆角等），但通常其内部内容完全无法触及。有些服务提供嵌入选项，例如 Twitter 在 https://publish.twitter.com/ 上提供了一些选项。

[danielabc (Daniela)]

我该如何操作 instalgram 和 tiktok 的 iframe 标签？因为我在这里的操作方式不起作用。

[awesomerobot (Kris)]

如果您像这样嵌入一个 TikTok 视频：

<iframe src="https://www.tiktok.com/embed/v2/7181493818871565574" height="800" width="400">

您可以通过像这样向 Discourse 主题添加样式：

iframe {
  border: 1px solid red;
  border-radius: 20px;
}

但您只能编辑 iframe 标签本身。