Edição de CSS no iframe que conjuntos Selecione a cor do texto tag para preto?
-
19-09-2019 - |
Pergunta
Esta é uma pergunta muito específica para uma extensão do Google Chrome.
Esta página é onde você está chutou para quando você vai para Meebo.com em um telefone iPhone ou Droid. Mas se você observar, a caixa Status, onde você pode definir-se afastado ou o que você quiser que o seu estado de ser tem o texto branco sobre um fundo branco.
A fim de obter um site para aparecer na janela pop-up de uma extensão do Google Chrome (o que cai quando você clica no ícone ao lado da barra de endereços), que não é um arquivo html incluído na extensão, eu preciso usar um iFrame. Eu sei que há medidas de segurança sobre assuntos Cross-Site como javascript e eu não estou surpreso que eu estou tendo problemas para acessar o CSS. Mas há uma classe, status, e é cor é branca e eu preciso mudar isso para preto. Eu testei com Inspect Element janela do Chrome e se eu mudar isso, eu vou ficar bem.
Eu tentei alterar o arquivo manifest.json para injetar um arquivo CSS usando conteúdo-Scripts, mas nada ...
Eu sou novo para o Chrome Extensions mas eu tenho experiência fazendo o desenvolvimento web.
Solução
O que você tem a fazer é mudar o DOM dentro do iframe, ou seja, para mudar o estilo do elemento de texto com javascript. Você pode, por exemplo, alterar o atributo 'cor' do elemento de texto, ou mude a sua classe CSS e adicionar um novo.