如何覆盖 CSS 或为 node_module 重新换肤？

How to override CSS or re-skin for node_module?

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

我可以创建一个单独的文件并覆盖，但比起将 CSS 放在 CSS 之上而造成更大的混乱，我想重新设置模块的外观。

这就是 CSS 现在的样子

有什么建议吗？

如果您查看该项目的存储库，您可以找到样式 here。编译后的样式导入到指令 here. I don't see any example of changing color picker style other than this options.

如果您想覆盖样式，您可能必须使用一些 "shadow DOM breaking" 解决方案或全局样式，它们将使用更具体的选择器覆盖它，最终是 !important 关键字。

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

在本地创建 github 环境
Git 克隆你的分叉环境
在 npm 上注册
将更改应用到本地并以不同的名称在 npm 上发布
npm 安装发布的 npm pacakage。

这个组件在 ngx 组件集 (https://www.npmjs.com/package/ngx-color-picker ngx-color-picker) 中得到了扩展，我已经能够通过覆盖 Index.html 中的标签中的样式来设置样式 Angular 5应用。 style标签必须在body标签下面

如何覆盖 CSS 或为 node_module 重新换肤？

How to override CSS or re-skin for node_module?

css

node-modules

angular