先统一设置按钮颜色type="primary"

点击后将颜色改为橘色效果图:

修改样式代码如下:

  .el-button--primary.is-active,
  .el-button--primary:active {
    background: rgb(230, 162, 60);
    border-color: rgb(230, 162, 60);
    color: #fff;
  }

  .el-button--primary:focus,
  .el-button--primary:hover {
    background: rgb(230, 162, 60);
    border-color: rgb(230, 162, 60);
    color: #fff;
  }

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐