因导入该组件的CSS，导致全局CSS被污染

[caveychen]

Describe the bug

我的页面用到了el-scrollbar组件， 不导入datepicker-enhanced组件，全局样式没有任何问题， 按照文档导入datepicker-enhanced组件样式， import 'datepicker-enhanced/dist/style.css' 全局样式就被污染了。

例如，datepicker-enhanced组件如下代码修改了我的全局样式 .el-scrollbar { --el-scrollbar-opacity: .3; --el-scrollbar-bg-color: var(--el-text-color-secondary); --el-scrollbar-hover-opacity: .5; --el-scrollbar-hover-bg-color: var(--el-text-color-secondary); height: 100%; overflow: hidden; position: relative }

Reproduction

Reproduction

System Info

VUE 3 + element-plus

Used Package Manager

npm

Validations

• [X] Follow our Code of Conduct
• [X] Read the Contributing Guide.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• [X] The provided reproduction is a minimal reproducible of the bug.

[byronogis]

方便的话可以提供一个在线复现, 例如利用 https://stackblitz.com

可以考虑通过 css layer 方式引入组件样式, 以确保项目的自定义样式优先级靠前