如何为node_module重写CSS或重新设置皮肤？

Question

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

我可以创建一个单独的文件并覆盖，但是我做了一个更大的混乱，因为把CSS放在CSS之上，我想重新设置模块。

这就是CSS现在的样子

有什么建议吗？

Answer 1

如果查看该项目的存储库，可以找到样式here。 已编译的样式将导入到指令here。除了this options之外，我没有看到任何更改颜色选择器样式的示例。

如果要覆盖样式，可能需要使用一些＆＃34; shadow DOM break＆＃34;使用更具体的选择器覆盖它的解决方案或全局样式，最终是!important关键字。

Answer 2

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

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

Answer 3

此组件在ngx组件集（https://www.npmjs.com/package/ngx-color-picker ngx-color-picker）中进行了扩展，我可以通过在Angular 5应用程序的Index.html中的标记中覆盖样式来设置样式。样式标记必须位于正文标记

下方