解决element-plus el-button点击之后回复默认颜色问题

要解决element-plus el-button点击之后回复默认颜色的问题，你可以使用CSS伪类选择器`:not(:disabled):active`来设置按钮的活动状态样式。示例代码如下：

.el-button:not(:disabled):active {
  background-color: #409EFF;
  border-color: #409EFF;
  color: #fff;
}

这样，在按钮被点击时，它的背景颜色、边框颜色和文字颜色都会变为指定的颜色。注意，这个样式只在按钮可点击且被点击时生效，如果按钮不可点击或未被点击，则会保持默认样式。

相关问题

element-plus el-button

Element Plus的Button按钮是Element Plus基础组件中的一部分，提供了按钮的基础用法、禁用状态、链接按钮、文字按钮、图标按钮、按钮组等功能。\[1\]在ElementUI中，Button按钮实际渲染出的DOM节点是一个button元素，点击按钮时可以使用event.target.blur()来触发失焦效果。如果点击到按钮上的文字，即span标签上时，需要使用event.target.parentNode.blur()来触发失焦效果。\[2\]在代码中，可以使用el-button组件和el-button-group组件来创建按钮和按钮组。\[3\]
#### 引用[.reference_title]
- *1* *3* [Element Plus 实例详解（二）___Button 按钮](https://blog.csdn.net/weixin_69553582/article/details/129761751)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [elememt-plus中el-button点击后不自动失焦问题](https://blog.csdn.net/yans121/article/details/121163678)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]

vue3 element-plus el-button 阻止冒泡

要阻止vue3 element-plus el-button的冒泡，可以使用事件修饰符`.stop`。在el-button上添加`@click.stop`即可阻止冒泡。

例如：

<el-button @click.stop="handleClick">点击我</el-button>

在这个例子中，`handleClick`方法将只会在`el-button`被点击时触发，而不会向上冒泡到父元素。