css - 样式化第 3 方 Angular 组件

标签 css angular styling

在第三方 Angular 组件(例如 Material 或 ngx-datatable 组件)上应用某些 CSS 样式的最佳方法是什么?我已经想到了两种方法:

  1. 覆盖特定第 3 方组件的 CSS 类。我能想到的缺点是,一旦我们将组件升级到更新版本,样式可能会中断,因为我们坚持内部实现(类名等)。

  2. 克隆第 3 方组件的整个代码库并直接在其上更新 CSS。可能需要维护大量源代码,如果我们决定升级版本,则需要进行一些合并。

任何想法为什么更好,以及它可能导致什么后果,我们都很感激。

最佳答案

  1. 您可以在您的 styles.css 文件中覆盖 css,而不是在库的 css 文件中。在您的文件上添加 css 选择器,并开始在此处添加您的样式,可能带有 !important 标记以真正覆盖样式。 这样你就不用担心 lib 的 future 更新

  2. 为了小样式目的而 fork 不是一种选择!这很难维护

关于css - 样式化第 3 方 Angular 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47152863/

相关文章:

html - 在 CSS 中将图像设置为页脚背景

html - CSS3 过渡在 Firefox 中不起作用

css - CodeIgniter 如何添加链接到静态文件

json - Angular2 将 json observable 返回类型定义为接口(interface)或类模型

java - 如何使用 Selenium 处理 Angular 中的 WebTables?

javascript - 无法定位 :before Pseudo selector in JSS

css - Flex HBox 对齐

css - 在 CSS 动画结束时保持最终状态

带有选项卡式导航的 CSS 滑动门和 sprite - 看起来不像是选项卡式的

angular - 如何使用 ngx-intl-tel-input 选择默认国家/地区