在iframe中编辑CSS,将选择标签的文本颜色设置为黑色?

时间:2010-02-10 05:28:08

标签: css xss google-chrome-extension

对于Google Chrome扩展程序,这是一个非常具体的问题。

http://www.meebo.com/mobile/

当您通过iPhone或Droid手机访问Meebo.com时,您将被踢到这个页面。但是,如果您注意到,您可以自行设置状态框或您希望状态显示的状态框在白色背景上有白色文字。

为了让网站显示在Google Chrome扩展程序的弹出窗口中(当您点击地址栏旁边的图标时,该网站会显示在扩展程序中不包含html文件),我需要使用iFrame。我知道有关于javascript等跨站点内容的安全措施,我并不感到惊讶,因为我无法访问CSS。但是有一个类,状态,它的颜色是白色的,我需要将其改为黑色。我已经使用Chrome的Inspect Element窗口测试了它,如果我改变它,我会没事的。

我尝试使用Content-Scripts更改manifest.json文件以注入CSS文件,但没有...

我是Chrome扩展程序的新用户,但我有进行网络开发的经验。

1 个答案:

答案 0 :(得分:0)

您需要做的是更改iframe中的DOM,即使用javascript更改文本元素的样式。 例如,您可以更改文本元素的“颜色”属性,或更改其CSS类并添加新类。