css - 在将 Select 标记的文本颜色设置为黑色的 iframe 中编辑 CSS?

标签 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 窗口对其进行了测试,如果我更改它,我会没事的。

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

我是 Chrome 扩展的新手,但我有网络开发经验。

最佳答案

你要做的就是改变iframe里面的DOM,即用javascript改变文本元素的样式。 例如,您可以更改文本元素的“颜色”属性,或者更改他的 CSS 类并添加一个新类。

关于css - 在将 Select 标记的文本颜色设置为黑色的 iframe 中编辑 CSS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2234638/

相关文章:

javascript - 如何使输入字段看起来像普通文本

reactjs - ReactJS 中的输入清理

javascript - jQuery 前置安全

google-chrome-extension - 使用现有站点身份验证的 Chrome 扩展程序身份验证

javascript - 特定帧加载后显示通知

javascript - 检测 URL 更改(无窗口卸载)

css - 为什么 <head> 中有 'This is not a zero-length file'

jquery - 将鼠标悬停在子菜单上后保持父菜单项突出显示(HTML/CSS/Jquery)

java - 正则表达式插入符号和符号有效,但不知道为什么

html - box-shadow 不显示在背景图像之上