[Component] [input, button] Button 点击以后还是hover的样式, Input clearable 在鼠标hover时长短会变化

[DexYang]

Bug Type: Component

Environment

• Vue Version: 3.2.37
• Element Plus Version: 2.2.12
• Browser / OS: UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.134 Safari/537.36 Edg/103.0.1264.77
• Build Tool: Vite

Reproduction

Related Component

• el-input
• el-button

Reproduction Link

Element Plus Playground

Steps to reproduce

button鼠标点击后，仍然是hover的浅色样式

input放到el-form-item中，鼠标进入和退出input的区域，input的宽度会变化

What is Expected?

button鼠标点击后，鼠标离开后，变回正常的颜色

input宽度不变

What is actually happening?

button鼠标点击后，鼠标离开后，仍然是hover的颜色

input宽度变化

Additional comments

(empty)

[rrge]

我也同样遇到这个问题了，input放到el-form-item中，鼠标进入和退出input的区域，input的宽度会变化，在组件样式加上width值，可以临时解决这个问题

[DexYang]

没人管管这个吗。。

[kingwrcy]

倒退了3个版本还有这个问题,服了,只能去掉clearable了

[tolking]

Button 点击后标准就是hover状态，于是就显示 hover 状态样式。不喜欢可以自己修改

Input 参考 #7287

提问前可以搜索相关 issues，避免重复

[DexYang]

Button 点击后标准就是hover状态？不是吧，据我观察github就不是这样的

[tolking]

应该是 focus 状态，我说错了 Demo

[DexYang]

Button 点击后标准就是hover状态，于是就显示 hover 状态样式。不喜欢可以自己修改

Input 参考 #7287

提问前可以搜索相关 issues，避免重复

请问这个Button 点击后的样式应该如何修改

[tolking]

自己改 .el-button:focus 的相关样式

[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。