以warning为例,chrome
想更改其默认样式spa
咱们能够经过chrome的审查,看看el-button--warning有那些样式,然把其样式复制出来,更改成本身想要的code
稍微动手尝试下就能够发现只要改3个地方就能够了blog
1.是页面加载后的样式element
2.是鼠标悬停样式class
3.是点击按钮以后的样式样式
代码以下di
/* 更改element-UI按钮样式 */ .el-button--warning { color: #fff; background-color: #FC813B; border-color: #FC813B; } .el-button--warning:hover{ background-color: #EF9E6F; border-color: #EF9E6F; } .el-button--warning:focus{ background-color: #EF9E6F; border-color: #EF9E6F; }
不过我以为最好的办法是本身封装个按钮组件,我这里是偷懒写法co