У меня есть угловое приложение. На компонентной HTML-странице я показываю флаги и времена разных мест на цветном фоне. Я не могу изменить цвет фона iframe. Пробные предложения на Изменение цвета фона проблемы 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-код:
https://www.timeanddate.com/clocks/free.html