如何覆盖CSS或为node_module换皮肤？

Question

我在我的angular 2项目中使用了一个node_module https://github.com/Alberplz/angular2-color-picker ，但是作为所有模块，它都包含CSS文件，如果我检查元素，我会在localhost中列出，但实际上无法找到它们的位置。

我可以创建一个单独的文件并覆盖它，但是比将CSS放在CSS顶部时要大得多，我想重新设计模块外观。

这就是CSS的外观

有什么建议吗？

Answer 1

如果您查看该项目的资源库，则可以在此处找到样式。 编译后的样式在此处导入到指令中。 除了此选项外，我没有看到任何改变颜色选择器风格的例子。

如果要覆盖样式，则可能必须使用一些“影子DOM破坏”解决方案或全局样式，这些解决方案或全局样式将使用更特定的选择器（最终是!important关键字）来覆盖它。

Answer 2

该组件在ngx组件集中进行了扩展（ https://www.npmjs.com/package/ngx-color-picker ngx-color-picker ），我已经能够通过覆盖样式中的标记来设置样式Angular 5应用程序中的Index.html。 样式标签必须在正文标签下方

Answer 3

基本上，我了解的覆盖模块的步骤是：

1. 在本地分叉github环境
2. Git克隆您的分叉环境
3. 在npm注册
4. 将更改应用到本地，然后以不同的名称发布到npm
5. Npm安装已发布的npm pacakage。