Modificar propriedades css de um "botão" ao carregar pagina especifica dentro de um <iframe>

Bom rapaziada, estou tentando modificar a propriedades de um links(botao) ao ser carregado a sua respectiva pagina no , segue o codigo... <div class="highlight"><pre>... <div id="menuInterno"> <ul id="menuIFrame"> <li id="marcas"><a target="content" href="#">Marcas</a></li> <li id="patentes"><a target="content" href="#">Patentes</a></li> <li id="desenhosIndustriais"><a target="content" href="#">Desenhos Industriais</a></li> <li id="direitosAutorais"><a target="content" href="direitosAutorais.html">Direitos Autorais</a></li> <li id="nomesEmpresariais"><a target="content" href="#">Nomes Empresariais</a></li> <li id="softwares"><a target="content" href="#">Softwares</a></li> <li id="franchising"><a target="content" href="#">Franchising</a></li> <li id="nomesDominios"><a target="content" href="#">Nomes de Dominios</a></li> <li id="transfTecn"><a target="content" href="#">Transf&ecirc;ncia de Tecnologia</a></li> <li id="formularios"><a target="content" href="#">Formul&aacute;rios</a></li> </ul> </div> <iframe name="content" id="Ifr" src="ifrmPrincipal.html"> </iframe> ... </pre></div> tipo ao clicar no link "formulários" ira carregar a pagina no iframe normalmente, porem quero que o fundo(background) dele na pagina principal seja vermelho. Sei que posso usar o DOM e JS modificar. Porem estou tentando fazer somente no css e html. Vlw a todos!!!</div> </div> </div>  <div class="inline-cta" data-pagefind-ignore data-astro-cid-gkrolune> <a href="https://www.alura.com.br/carreiras/desenvolvimento-frontend-react" class="cta-banner cta-subtle" style="--cta-bg: #f0f7ff; --cta-accent: #0066cc;" data-astro-cid-3dyr47cn> <div class="cta-content" data-astro-cid-3dyr47cn> Alura Desenvolvimento Front-End React Do primeiro componente à liderança técnica! HTML/CSS/JavaScript fundamental, React com hooks e... </div> </a> </div>   <div class="topic-map" data-pagefind-ignore data-astro-cid-gkrolune> <div class="topic-map-item" data-astro-cid-gkrolune> Criado 14 de maio de 2012 </div> <div class="topic-map-item" data-astro-cid-gkrolune> Respostas 0 </div> <div class="topic-map-item" data-astro-cid-gkrolune> Participantes 1 </div> </div>  <section class="related-topics" data-pagefind-ignore data-astro-cid-gkrolune> <h3 class="related-heading" data-astro-cid-gkrolune>Topicos relacionados</h3> <div class="related-list" data-astro-cid-gkrolune> <a href="/t/componente-de-forum/257786" class="related-item" data-astro-cid-gkrolune> Componente de forum 4 respostas </a><a href="/t/consultar-cpf-pelo-nome-na-receita-federal/348795" class="related-item" data-astro-cid-gkrolune> Consultar CPF pelo nome na Receita Federal 5 respostas </a><a href="/t/pegadinhas-que-se-fazem-com-os-pobres-estagiarios/12142" class="related-item" data-astro-cid-gkrolune> Pegadinhas que se fazem com os pobres estagiários 62 respostas </a><a href="/t/resolvido-como-comparar-strings-em-c/283211" class="related-item" data-astro-cid-gkrolune> [Resolvido] Como comparar Strings em C? 6 respostas </a><a href="/t/converter-pixels-para-centimetros/269585" class="related-item" data-astro-cid-gkrolune> Converter pixels para centímetros 9 respostas </a> </div> </section>  <div class="topic-ctas" data-pagefind-ignore data-astro-cid-gkrolune> <a href="https://www.alura.com.br/artigos/poo-programacao-orientada-a-objetos" class="cta-banner cta-subtle" style="--cta-bg: #f0f7ff; --cta-accent: #0066cc;" data-astro-cid-3dyr47cn> <div class="cta-content" data-astro-cid-3dyr47cn> Alura POO: o que é programação orientada a objetos? Aprenda os conceitos básicos da programação orientada a objetos, como classes, objetos, herança, encapsulamento e polimorfismo, com exemplos. </div> </a><a href="https://luminawork.com.br/" class="cta-banner cta-subtle" style="--cta-bg: #f5f0ff; --cta-accent: #7c3aed;" data-astro-cid-3dyr47cn> <div class="cta-content" data-astro-cid-3dyr47cn> Lumina Lumina: a IA que te traz resultados Prompts prontos por especialistas. Resolva seus problemas de verdade. </div> </a> </div> </article> </main> <footer class="site-footer"> <div class="footer-inner"> <div class="footer-nav"> <div> Navegue <a href="/c/java">Java</a> <a href="/c/assuntos-gerais">Geral</a> <a href="/c/front-end">Front-end</a> <a href="/c/mobile">Mobile</a> <a href="/c/banco-de-dados">SQL</a> <a href="/c/javascript">JavaScript</a> <a href="/c/php">PHP</a> <a href="/c/android">Android</a> <a href="/c/arquitetura">Arquitetura</a> </div> <div> Aprenda <a href="https://www.alura.com.br/carreiras">Carreiras Alura</a> <a href="https://www.alura.com.br/formacoes">Formacoes</a> <a href="https://www.alura.com.br/artigos">Artigos</a> <a href="https://www.fiap.com.br/graduacao/">Graduacao FIAP</a> <a href="https://postech.fiap.com.br/">Pos-Tech FIAP</a> <a href="https://www.casadocodigo.com.br/">Livros Casa do Codigo</a> </div> <div> Conheca o Grupo <a href="https://www.alura.com.br/">Alura</a> <a href="https://www.fiap.com.br/">FIAP</a> <a href="https://www.casadocodigo.com.br/">Casa do Codigo</a> <a href="https://www.hipsters.tech/">Hipsters.tech</a> </div> </div> <div class="footer-bottom"> GUJ: desde 2002. · <a href="/sobre">Saiba mais</a> · <a href="/contribuidores">Contribuidores</a> · <a href="/sobre#lgpd">LGPD</a> </div> </div> </footer>  <script> // GA4 (G-NDJMKX41TE) + UA legacy — loaded after page is interactive setTimeout(function(){ var s=document.createElement('script');s.async=true; s.src='https://www.googletagmanager.com/gtag/js?id=G-NDJMKX41TE'; document.head.appendChild(s); window.dataLayer=window.dataLayer||[]; function gtag(){dataLayer.push(arguments);} gtag('js',new Date()); gtag('config','G-NDJMKX41TE'); gtag('config','UA-132222-1'); },0); // Facebook Pixel — noscript-only (no fbevents.js SDK = better Lighthouse score) </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=3453751608212853&ev=PageView&noscript=1"></noscript> </body> </html>