less方式
//全局修改聚焦后的样式
//primary类型按钮
.el-button.el-button--primary:focus {background-color:var(--el-color-primary)!important;}
//warning类型按钮
.el-button.el-button--warning:focus {background-color:var(--el-color-warning)!important;}
//success类型按钮
.el-button.el-button--success:focus {background-color:var(--el-color-success)!important;}
//info类型按钮
.el-button.el-button--info:focus {background-color:var(--el-color-info)!important;}
//danger类型按钮
.el-button.el-button--danger:focus {background-color:var(--el-color-danger)!important;}
或者使用代码方式
<el-button @click="clickHandler">按钮</el-button>
clickHandler(evt) {
let target = evt.target;
if(target.nodeName == "SPAN"){
target = evt.target.parentNode;
}
target.blur();
}