如何覆蓋CSS或re-skin for node_module？

Question

我有一個node_module https://github.com/Alberplz/angular2-color-picker ，我在我的角度2項目中使用，但作爲所有模塊，它包括它的CSS文件，如果我檢查元素我看到列在本地主機，但實際上不能確定它們在哪裏。

我可以創建一個單獨的文件並進行覆蓋，但是我把CSS放在CSS的頂部會造成更大的混亂，我希望重新使用該模塊。

這是CSS現在

任何建議看起來如何？

Answer 1

基本的步驟我明白覆蓋的模塊是：

1. 叉GitHub的環境中本地
2. 的Git克隆你的分叉enviorment
3. 登記在NPM
4. 將更改應用到本地和以不同名字在npm上發佈
5. Npm安裝發佈的npm插件。

Answer 2

如果您查看該項目的存儲庫，則可以找到樣式here。 編譯後的樣式被導入指令here。除了this options以外，我沒有看到任何更改顏色選擇器樣式的示例。

如果您想要重寫樣式，您可能需要使用一些「影子DOM中斷」解決方案或全局樣式，它將使用更具體的選擇器來覆蓋它，最終會使用!important關鍵字。