修改el-button按钮背景色后，按钮失去了elementUI原有的hover和active的效果

本文主要是介绍修改el-button按钮背景色后，按钮失去了elementUI原有的hover和active的效果，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

应完整修改为：

<el-button type="primary" icon="el-icon-plus" @click="addUser">新增用户</el-button>.el-button--primary:not(.is-disabled) {background-color: #1174de;border-color: #1174de;&:hover {&:not(.is-disabled) {opacity: 0.8;}&:active {opacity: 1;}}}

注意：.el-button--primary:后要增加not(.is-disabled)，否则disabled状态下也有完整透明度的背景色

存疑：为什么&:active在&:hover内才生效？

这篇关于修改el-button按钮背景色后，按钮失去了elementUI原有的hover和active的效果的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---