element ui 按钮点击后背景色如何随鼠标移开而消失？
当使用 element ui 带有 :focus 的按钮时，按钮在被点击后会保持背景色。要让背景色随着鼠标移开而消失，可以有以下解决方案：
clickhandler(evt) {
let target = evt.target;
if(target.nodename == "span"){
target = evt.target.parentnode;
}
target.blur();
}通过重写 css 样式，可以自定义按钮在不同状态下的外观。
<el-button class="buttondiv" size="small">查询</el-button> <el-button class="buttondiv" size="small">重置</el-button>
/*鼠标点击后移开，恢复本身样式*/
.buttonDiv, .buttonDiv:focus:not(.buttonDiv:hover){
... // 其他样式
}
/*鼠标悬浮，没有按下；鼠标按下后抬起，没有移开*/
.buttonDiv:focus, .buttonDiv:hover{
background: #eaf5ff;
... // 其他样式
}
/*鼠标按下，没有抬起*/
.buttonDiv:active {
background: #2794f8;
... // 其他样式
}以上就是Element UI 按钮点击后如何让背景色自动消失？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
345
收藏
