Element UI 按钮点击后恢复颜色：简单实现指南

要实现按钮点击后恢复点击前的颜色，你可以使用 Element UI 提供的按钮的 ':active' 伪类选择器来修改按钮的样式。

首先，你需要为按钮定义一个点击前的样式和一个点击后的样式。例如，你可以为按钮定义一个名为 'btn' 的类，然后为该类定义一个点击前的样式和一个点击后的样式。

.btn {
  background-color: #409eff;
  color: #fff;
}

.btn:active {
  background-color: #409eff;
  color: #fff;
}

接下来，在按钮上应用这个类。

<el-button class="btn">按钮</el-button>

这样，按钮在点击之前和点击之后的样式就可以分别生效了。当按钮被点击时，它会显示点击后的样式，然后在松开鼠标时，它会恢复到点击前的样式。

注意，这只是一种简单的实现方式，你可以根据自己的需求进行调整和扩展。