[Style] [button, button-group] 设置 --el-color-primary后button的hover颜色没变

[zhang19980518]

Bug Type: Style

Environment

• Vue Version: 3.2.45
• Element Plus Version: 2.3.4
• Browser / OS: Chrome 112.0.5615.137/mac 13.0.1
• Build Tool: Vite

Reproduction

Related Component

• el-button
• el-button-group

Reproduction Link

Element Plus Playground

Steps to reproduce

<script setup lang="ts"> import { ref, version as vueVersion } from 'vue' import { version as EpVersion } from 'element-plus' import { ElementPlus } from '@element-plus/icons-vue' const msg = ref('Hello World!') </script>

{{ msg }}

Element Plus {{ EpVersion }} + Vue {{ vueVersion }}

你好 <style> :root{ --el-color-primary: green !important; } </style>

What is Expected?

hover的颜色应该改变

What is actually happening?

只有按钮颜色改变,当鼠标悬浮与按钮之上时,颜色还是原来默认主题色的

Additional comments

没有

[btea]

This is normal, if you want to customize the color, you can refer to this document.

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

此 issue 已被自动锁定，因为关闭后没有任何近期活动。如果有相关 bug，请重新创建一个新 issue。