Vue-cli+Element（button更改按钮默认样式）

<el-button type="primary">主要按钮</el-button>/* 更改element-UI按钮样式 */.el-button--primary{color: #fff;background-color: #FF69B4;border-color: #FF69B4;}.el-button--...

小豆花儿

27635人浏览 · 2018-12-25 16:46:22

小豆花儿 · 2018-12-25 16:46:22 发布

<el-button type="primary">主要按钮</el-button>

在这里插入图片描述

    /* 更改element-UI按钮样式 */
  .el-button--primary{
    color: #fff;
    background-color: #FF69B4;
    border-color: #FF69B4;
  }
  .el-button--primary:hover{
    background-color: #FF69B4;
    border-color: #FF69B4;  
  }
  .el-button--primary:focus{
    background-color: #FF69B4;
    border-color: #FF69B4;  
  }

在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^