修改全局 element-ui 元素

最新推荐文章于 2024-04-28 19:41:49 发布

是貔貅喔

最新推荐文章于 2024-04-28 19:41:49 发布

阅读量253

点赞数

文章标签： ui javascript 前端

本文链接：https://blog.csdn.net/weixin_46087919/article/details/127290225

版权

修改全局 element-ui 元素

10.11

在src/assets /styles/element-ui.css

//新增按钮覆盖
button.el-button.el-button--primary.el-button--small.is-plain
{
   background-color: #4d8ff0 ;
   height: 32px;
   width: 80px;
  color:#ffffff;
   padding-left: 16px;
   
}
//删除按钮覆盖
button.el-button.el-button--danger.el-button--small.is-disabled.is-plain
{
   background-color:#fd8d55ab  ;
   height: 32px;
   width: 80px;
   color:#ffffff;
   padding-left: 6px;
}
//编辑按钮覆盖
button.el-button.el-button--success.el-button--small.is-disabled.is-plain
{
   background-color: #4d8ef0ab ;
   height: 32px;
   width: 80px;
   color:#ffffff;
   padding-left: 6px;
}
//导入按钮覆盖
button.el-button.el-button--info.el-button--small.is-plain
{
  background-color: #4d8ff0 ;
   height: 32px;
   width: 80px;
  color:#ffffff;
   padding-left: 6px;
}
//导出按钮覆盖
button.el-button.el-button--warning.el-button--small.is-plain
{
  background-color: #4d8ff0 ;
   height: 32px;
   width: 80px;
   color:#ffffff;
   padding-left: 6px;
   
}
i.el-icon{
//  color: #ffffff;

}
//编辑
button.el-button.el-button--success.el-button--small.is-plain
{
     background-color: #4d8ff0 ;
   height: 32px;
   width: 80px;
   color: #ffffff;
   padding-left: 6px;
}
//删除
button.el-button.el-button--danger.el-button--small.is-plain
{
   background-color: #fd8d55 ;
   height: 32px;
   width: 80px;
   color:#ffffff;
   padding-left: 6px;
}