google-chrome - chrome 插件 css 注入(inject)

Question

您好，我正在尝试将自定义 css 注入(inject)到页面中，我的 list 文件如下所示

{
  "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/"
  ]

}

我注入(inject)的css是

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

但页面 CSS 似乎覆盖了我的自定义 CSS。如这里所见 是他们强制我的 css 更改到页面的方式吗？

干杯纳什·拉菲克

Answer 1

将 !important 放在所有 css 规则的末尾......

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

http://webdesign.about.com/od/css/f/blcssfaqimportn.htm