Chrome扩展覆盖css

我想开发一个Chrome扩展，这样我就可以覆盖特定网站上的一些Css样式。Chrome扩展覆盖css

因此，这里有文件：

manifest.json的：

{ 
    "manifest_version": 2, 

    "name": "Modify CSS and HTML", 
    "version": "0.1.0", 
    "description": "Lateral blog post demo extension", 

    "content_scripts": [{ 
    "css": ["styles.css"], 
    "matches": ["http://www.record.pt/*"] 
    }] 

}

styles.css的：

@import url('https://fonts.googleapis.com/css?family=Indie+Flower'); 

.thumb-info h3 { 
    font-family: 'Indie Flower', cursive !important; 
}

我不能让谷歌的字体工作。它采用草书类型，但不是Google字体。使用Chrome版本60.0.3112.113（官方版本）（64位）

任何想法为什么发生这种情况？有人可以在他们的Chrome上测试并提供反馈吗？

来源

2017-08-27 Miguel Silva

删除！重要请 –

@Risa__B是正确的。 '重要的'从字面上覆盖了其他的一切。 – jhpratt

我不认为这部分代码是问题所在。他想要压倒一切。他说，部分代码的作品，他正在寻找做上述工作 –

在过去，我已经尝试引用外部文件（主要是js）并且从未成功。据我记得，铬对外部文件有一些限制。除此之外，我还注意到在网站上有几个跨域访问限制。我不确定这种进口是否可能。另外请注意，该网站有一个JS错误。由于这个原因，它可能不会运行某些代码，但是我不认为css会因此而生效。

当我曾经有js文件这个问题，尝试的方式导入各种后，我终于刚刚下载的js文件，并在清单中引用它。你可以尝试一样的。将字体内容保存到单独的文件中或放入styles.css文件中。

来源

2017-08-27 04:05:12

Chrome扩展覆盖css

回答

相关问题