element-UI 自定义 button按钮颜色

 //显示时按钮样式 
.el-button--primary { //需要更改的按钮类型 type='primary'
  background: #3599F5 !important;
  border-color: #3599F5 !important;
}
//移入时按钮样式 type='primary'
.el-button--primary:hover {
  background: #3599F5 !important;
  border-color: #3599F5 !important;
  color: #FFF !important;
  opacity: 0.8;
}
.el-button--default { //需要更改的按钮类型 type='default'
  background: #fff !important;
  border-color: #3599F5 !important;
  color: #3599F5 !important;
}
//移入时按钮样式type='default'
.el-button--default:hover {
  background: #fff !important;
  border-color: #45a3fc !important;
  color: #3599F5 !important;
  opacity: 0.8;
}```

你可能感兴趣的:(前端学习,ui,vue.js,javascript)