html - 如何更改 HTML 框角的颜色？

Question

<iframe width="100%" height="500" src="https://minnit.chat/Real97ChatRoom?embed&amp;web" style="border: none;" allowtransparency="true"></iframe><br /><a href="https://minnit.chat/Real97ChatRoom" target="_blank" rel="noopener noreferrer"></a>

我正在尝试在我的网站上放置一个聊天室，我得到了一个嵌入式代码来执行此操作，但由于某种原因，框的角是白色的，看起来不专业。我相信它显示白色角落的原因是因为聊天室框本身有圆角并且背景可能不透明？所以它留下了白色标记。我不太确定，但我想看看是否有办法添加一些代码来将那些白色标记变成黑色或透明，这样我就可以保持圆角不变。我会在下面留下一张照片作为引用。请完全打开图片以查看我所说的白色标记。

我得到的代码也在上面列出。

看看你能不能帮上忙。

谢谢。

Answer 1

<style>
iframe{
    -webkit-box-shadow:inset 0px 0px 0px 10px #f00;
    -moz-box-shadow:inset 0px 0px 0px 10px #f00;
    box-shadow:inset 0px 0px 0px 10px #f00;
}
</style>

您可以试试这段代码，它应该可以正常工作。