css自定义el-button颜色

定义按钮

<div class="handle">
   <el-button type="info" size="medium" class="edit"
     >编辑</el-button
   >
   <el-button type="danger" size="medium">删除</el-button>
 </div>

修改样式：

.edit {
  color: #fff;
  background-color: rgb(21, 47, 72);
  border-color: rgb(21, 47, 72);
}
.edit:hover,
.edit:focus {
  background: var(--el-button-hover-color);
  border-color: var(--el-button-hover-color);
  color: var(--el-button-font-color);
}

效果：