Google chrome chrome插件css注入

Google chrome chrome插件css注入,google-chrome,css,google-chrome-extension,google-chrome-devtools,Google Chrome,Css,Google Chrome Extension,Google Chrome Devtools,嗨,我正在尝试将自定义css注入到页面中。我的清单文件如下所示 { "name": "SaneHaveeru", "version": "1.0", "description": "This is to properly display haveeru .", "browser_action": { "default_icon": "icon.png" }, "content_scripts": [ { "matches": ["http://

嗨,我正在尝试将自定义css注入到页面中。我的清单文件如下所示

{
  "name": "SaneHaveeru",
  "version": "1.0",
  "description": "This is to properly display haveeru .",
  "browser_action": {
    "default_icon": "icon.png"
  },
  "content_scripts": [
    {
      "matches": ["http://www.haveeru.com.mv/*"], 
      "css" : ["proper.css"]
    }
],
  "permissions": [
    "http://www.haveeru.com.mv/"
  ]

}
我注入的css是

.post-frame {
    float: left;
    width: 470px;
    font-size: 18px;
    line-height: 30px;
    color: #292929;
}
但是看起来页面css覆盖了我的自定义css。如图所示 是他们强迫我在页面上更改css的方式吗

干杯
Nash rafeeq

使用JavaScript设置样式。它将覆盖任何页面样式。

Put
!重要信息
在所有css规则的末尾

.post-frame {
    float: left !important;
    width: 470px !important;
    font-size: 18px !important;
    line-height: 30px !important;
    color: #292929 !important;
}