直接把下面这个代码放在全局样式里就可以啦,快去试试吧。
// 鼠标点击后移开,恢复本身样式
.el-button:focus:not(.el-button:hover) {
border-color: var(--el-button-border-color);
background-color: var(--el-button-bg-color);
color: var(--el-button-text-color);
}
因为默认点击后样式是 --el-button-hover-border-color,跟hover一致,但按钮需要点击一次其他地方才会失去焦点,所以我们只需要把点击后且不是移入的样式修改一下就可以啦。