el-button自定义颜色

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

一条小可爱

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

阅读量5.3k

点赞数 3

本文链接：https://blog.csdn.net/weixin_45168482/article/details/119114642

版权

本文介绍了如何在Element UI中自定义el-button组件的颜色，通过修改样式和使用主题变量，实现按钮颜色的个性化定制，适用于前端开发人员提升用户体验。

摘要由CSDN通过智能技术生成

//显示时按钮样式
.el-button--primary { //需要更改的按钮类型
  background: #d8821f !important;
  border-color: #d8821f !important;
}
//移入时按钮样式
.el-button--primary:hover {
  background: #ecbd87 !important;
  border-color: #ecbd87 !important;
  color: #FFF !important;
}