Vue中button的颜色更改

上一次我学到了vue引用element的按钮测试，更改按钮颜色的时候，我跟的up主只告知了一种颜色即红色，但是他是这样写的：

<el-button type="danger''></el-button>

按钮变成红色使用的是danger，我想能不能换成red,试着换了一下，但是没有成功，页面上的按钮回到了初试默认的白色，于是我搜索了Vue颜色大全

传送门(10条消息) Vue建站：前端常用色彩汇总（转载）_vue 色号_一颗橡树的博客-CSDN博客

搜到了红色的代码#FF0000可是依然不变。于是我找到了这篇博客Vue3组件库实现 - Button组件篇 - 掘金 (juejin.cn)好像只有type: primary || info || success || warning || danger这五种颜色。我已经试过啦 是可以变得！

但是我觉得肯定不止这几个颜色，可能是我还没掌握方法。

原文章中这几个颜色代表的按钮意义

 

primary的颜色

info：

success：

warning： 

danger： 

先到这里吧~