在第三方 Angular 组件(例如 Material 或 ngx-datatable 组件)上应用某些 CSS 样式的最佳方法是什么?我已经想到了两种方法:
覆盖特定第 3 方组件的 CSS 类。我能想到的缺点是,一旦我们将组件升级到更新版本,样式可能会中断,因为我们坚持内部实现(类名等)。
克隆第 3 方组件的整个代码库并直接在其上更新 CSS。可能需要维护大量源代码,如果我们决定升级版本,则需要进行一些合并。
任何想法为什么更好,以及它可能导致什么后果,我们都很感激。
最佳答案
您可以在您的
styles.css
文件中覆盖 css,而不是在库的 css 文件中。在您的文件上添加 css 选择器,并开始在此处添加您的样式,可能带有!important
标记以真正覆盖样式。 这样你就不用担心 lib 的 future 更新为了小样式目的而 fork 不是一种选择!这很难维护
关于css - 样式化第 3 方 Angular 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47152863/