关键词搜索

全站搜索
×
密码登录在这里
×
注册会员

已有账号? 请点击

忘记密码

已有账号? 请点击

使用其他方式登录

Element UI使用button去掉focus样式

发布2022-07-11 浏览1169次

详情内容

在使用Element UI中button按钮组件做开发的,发现一个问题就是点击按钮后样式一直是hover颜色状态,址到点击空或其他地方,按钮颜色才恢复,导致这样问题是element样式里的.el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover用了同样的背景色,必须鼠标失去焦点时才能恢复原样。

解法办法是点击按钮时用js设置自动失去焦点:

<el-button type="primary" plain @click="clickHandler">主要按钮</el-button>

 clickHandler(e) {
        let target = e.target;
        if(target.nodeName == "SPAN"){
            target = e.target.parentNode;
        }
        target.blur();
}

这样问题解决。

点击QQ咨询
开通会员
上传资源赚钱
返回顶部
×
  • 微信支付
  • 支付宝付款
扫码支付
微信扫码支付
请使用微信描二维码支付
×

提示信息

×

选择支付方式

  • 微信支付
  • 支付宝付款
确定支付下载