解决element-plus的按钮为自动失焦问题；解决element-plus的按钮点击态

i_am_a_div_日积月累_

于 2024-05-31 09:55:32 发布

阅读量363

点赞数 4

分类专栏： element-ui 文章标签：按钮点击态按钮自动失焦问题

本文链接：https://blog.csdn.net/i_am_a_div/article/details/139343527

版权

element-ui 专栏收录该内容

59 篇文章 5 订阅

订阅专栏

在app.vue下加入此css

<style>
.el-button:focus {
  color: var(--el-button-text-color);
  border-color: var(--el-button-border-color);
  background-color: var(--el-button-bg-color);
  outline: none;
}

.el-button:hover {
  color: var(--el-button-hover-text-color);
  border-color: var(--el-button-hover-border-color);
  background-color: var(--el-button-hover-bg-color);
  outline: none;
}

.el-button:active {
  color: var(--el-button-active-text-color);
  border-color: var(--el-button-active-border-color);
  background-color: var(--el-button-active-bg-color);
  outline: none;
}
</style>