更改element button 按钮颜色

最新推荐文章于 2024-09-20 11:18:54 发布

YingMuMonkey

最新推荐文章于 2024-09-20 11:18:54 发布

阅读量2k

点赞数

文章标签： javascript vue.js css3 Powered by 金山文档

本文链接：https://blog.csdn.net/yingdaomonkey/article/details/129729107

版权

在全局的index.scss里面改

//显示时按钮样式
.el-button--inblack{ //需要更改的按钮类型
  background: #060606 !important;
  border-color: #060606 !important;
  color: #fff !important;

//移入时按钮样式
  &:hover {
        &:not(.is-disabled) {
          background: #706e6e !important;
          border-color: #706e6e !important;
          color: #FFF !important;
        }
    }
}
//禁用时按钮样式
.el-button--inblack.is-disabled {
  background: #706e6e !important;
  border-color: #706e6e !important;
  color: #FFF !important;
}