[Style] [scrollbar] [Component] [el-scrollbar] vue+vite+elementplus打包后浏览器报错

[sumingyu1769]

Bug Type: Style

Environment

• Vue Version: 3.4.38
• Element Plus Version: 2.8.1
• Browser / OS: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36 Edg/126.0.0.0
• Build Tool: Vite

Reproduction

Related Component

• el-scrollbar

Reproduction Link

Element Plus Playground

Steps to reproduce

使用npm run build打包后，再使用npm run preview预览或者部署到nginx上预览的时候，F12控制台打印，报错[Deprecation]Custom state pseudo classes have been changed from ":--cui-scrollbar-color-contrast" to ":state(cui-scrollbar-color-contrast)". See more here: https://github.com/w3c/csswg-drafts/issues/4805

What is Expected?

正常运行

What is actually happening?

打印台报错，但并不影响使用

Additional comments

--cui-scrollbar-color-contrast我不太清除是element的样式还是其他ui的样式，我只安装了elemenplus一个ui，另外安装了data-view可能影响的大屏可视化ui插件，但是我在搜索--cui-scrollbar-color-contrast样式的时候，并没有在node_modules里发现此类css样式，但是打印台报错了，并提供了一个element的论坛页（https://github.com/w3c/csswg-drafts/issues/4805），在vue中使用了el的el-scrollbar组件以及表格el-table的:scrollbar-always-on="true"属性。

[JuneOY]

我在使用el-select遇到了同样的问题

[sumingyu1769]

我在使用el-select遇到了同样的问题

haha

[btea]

Please provide a reproducible code.

[sumingyu1769]

Please provide a reproducible code.

I don't even know how to report an error or how to reproduce it？

[btea]

You can create a new project, make sure this error will occur, and then submit the relevant code to the GitHub repository.

[JuneOY]

forgive my recklessness, I will follow the instructions and reproduce it later

[btea]

It’s okay, just provide it when it’s convenient for you.

[JuneOY]

Vue version 3.0.0, element plus version 1.0.2-beta.69, do you still support maintenance for lower versions? This is a small demo I wrote, and introducing the element style in the main file will result in errors https://github.com/JuneOY/vue-element-select