1、一般位置按钮

height: 36px;

line-height: 36px;

background-color: #09c;

鼠标滑过:background-color: #4091fd;

圆角 vue代码如下:

            <el-button
              round
              type="primary"
              size="mini"
            >
              <i class="el-icon-plus"></i> 新增
            </el-button>

css控制:

.el-button{
  font-size: $defaultTxtSize !important;
  font-family: $defaultFontFamily;
}
.el-button--primary {
  background-color: #09c !important;
}
.el-button--primary:hover {
  background-color:#4091fd !important;
}

2、列表右侧操作栏按钮

vue:

<el-button
              size="mini"
              type="text"
            >
              <i class="el-icon-edit" /> 修改
</el-button>

css:

.el-button--text{
  font-size: $defaultTxtSize !important;
  font-family: $defaultFontFamily;
  color: #1890ff !important;
}
.el-button--text:hover {   
  color: #777 !important;
}