修改el-button的样式

最新推荐文章于 2024-12-30 15:43:22 发布

林墨欧宁

最新推荐文章于 2024-12-30 15:43:22 发布

阅读量2.8k

点赞数 2

文章标签： vue.js elementui javascript

本文链接：https://blog.youkuaiyun.com/m0_57271254/article/details/122218110

版权

根据不同的type修改不同type的样式，二次封装更加方便：

.el-button--primary {
    color: #fff;
    background-color: #4a7bff;
    border-color: #4a7bff;
    width: 88px;
    border-radius: 2px;
    font-size: 14px;
    height: 32px;
  }
  .el-button--danger {
    color: #fff;
    background-color: #f05050;
    border-color: #f05050;
    width: 88px;
    border-radius: 2px;
    font-size: 14px;
    height: 32px;
  }