Html 如何使用外部src更改iframe的背景色

我有一个角度的应用程序。在组件HTML页面中，我在彩色背景下显示不同位置的标志和时间。我无法更改iframe的背景色。尝试建议 以及其他一些来源 以下是示例HTML：

<link href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/2.3.1/css/flag-icon.min.css" rel="stylesheet" />
    <table cellspacing="0" style="font: normal 11pt Verdana;  float:left; margin-top:-60px;
        margin-bottom:150px;">
          <tr>
            <td style="text-align: center; padding: 0px 4px;">
              <span class="flag-icon flag-icon-us"></span>
              <br />
              <span style="color:whitesmoke; font-size:11px;font-weight:200;">Los Angeles</span><br />
              <iframe allowtransparency="true"  style="background-color:inherit;" src="http://free.timeanddate.com/clock/i2jzaeez/n155/fn17/fs9/fc999/th1/ts1"
                      frameborder="0" width="34" height="14"></iframe>

            </td>

            <td style="text-align: center; padding: 0px 4px;">
              <span class="flag-icon flag-icon-mx"></span>
               <br />
              <span style="color:whitesmoke;font-size:11px;font-weight:200;">Mexico City</span><br />
              <iframe src="http://free.timeanddate.com/clock/i2jzaeez/n155/fn17/fs9/fc999/th1/ts1" frameborder="0" width="34" height="14"></iframe>
            </td>
        </tr>
        </table>

洛杉矶



墨西哥城

这是图片。请引导

---

使用iframe设置不起作用。但是，我可以方便地在他们的网站上进行调整，并使用生成的HTML：

---

此外，如果有人能够指导您选择以这种方式显示时间或使用iframe，我们将不胜感激