Como posso controlar a imagem de plano de fundo e a cor de um elemento do corpo em um iframe
? Observe que o elemento do corpo incorporado possui uma classe e o iframe
de uma página que faz parte do meu site.
A razão pela qual eu preciso disso é que meu site tem um plano de fundo preto atribuído ao corpo e, em seguida, um plano de fundo branco atribuído a divs que contêm texto. Um editor WYSIWYG usa um iframe
para incorporar conteúdo ao editar, mas ele não inclui a div, portanto, o texto é muito difícil de ler.
O corpo do iframe
quando no editor tem uma classe que não é usada em nenhum outro lugar, então estou assumindo que isso foi colocado lá para que problemas como esse pudessem ser resolvidos. No entanto, quando aplico estilos, class.body
eles não substituem os estilos aplicados ao corpo. O estranho é que os estilos aparecem no Firebug, então não faço ideia do que está acontecendo!
obrigado
ATUALIZAÇÃO - Tentei a solução do @ mikeq de adicionar um estilo à classe que é a classe do corpo. Isso não funciona quando adicionado à folha de estilo da página principal, mas funciona quando adicionado ao Firebug. Estou assumindo que isso ocorre porque o Firebug é aplicado a todos os elementos da página, enquanto o CSS não é aplicado dentro de iframes. Isso significa que adicionar o css após o carregamento da janela com JavaScript funcionaria?
<div>
lata pode às vezes ser uma solução alternativa (se o CORS-Header permitir isso) ... (e "desinfetar" os dados carregados por regexp no diretório . maneira Sim, todos hacky ...)