css - 如何管理冲突的第三方 CSS

标签 css kendo-ui kendo-grid materialize

我正在开发一个 Web 应用程序,它使用 Materialize 作为前端框架,并使用 Kendo UI 作为网格组件。

如果 Kendo UI 和 Materialize 都具有相同元素的样式,我会遇到问题 - 例如,它们都覆盖复选框上的样式 - 这会由于冲突导致布局损坏。

我意识到的一个选择是选择 Materialize 或 Kendo UI 并放弃另一个……但是我想尽可能避免这种情况,因为它们在大多数情况下都很好地弥补了彼此的弱点。

如果它只是一个元素在这里或那里放置特定的覆盖将是一个选项,但是对于两个框架的规模,这将是一个维护噩梦,因为当一个改变覆盖时可能必须重构。

有什么方法可以解决我所缺少的这个问题吗?

最佳答案

解决此类冲突的一种方法是构建您的 MaterializeCSS 以仅包含元素所需的部分。

例如,如果您不需要 MaterializeCSS 的按钮样式,您可以简单地通过 sass 编译 materialize.scss 并从文件中挑选按钮。

如果沿着 Materialise 的自定义 .css 构建路径对您来说很短,您可以尝试使用 materialize.khophi.co (免责声明:我构建了它)。

了解更多关于如何定制您的 MaterializeCSS 的信息:http://materializecss.com/getting-started.html

关于css - 如何管理冲突的第三方 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38696221/

相关文章:

javascript - 在 reactjs 中的表中设置初始滚动

javascript - MVC 中的 Kendo UI 网格页面大小

angular - Kendo UI Tabstrip Onclick 事件

javascript - Kendo UI Angular Grid - 只需要显示一行内容

CSS从右到左滑动门

javascript - Jquery 如果 hasClass 然后 addClass

HTML - 表格的滚动条?

kendo-ui - KendoDatePicker 多种格式

javascript - Kendo Grid - 调整列的大小导致网格高度被改变。

javascript - Kendo Grid,如何在按下 Tab 键的下一个可编辑列上启用编辑?