先统一设置按钮颜色type="primary"
点击后将颜色改为橘色效果图:
修改样式代码如下:文章来源:https://www.toymoban.com/news/detail-580044.html
文章来源地址https://www.toymoban.com/news/detail-580044.html
.el-button--primary.is-active,
.el-button--primary:active {
background: rgb(230, 162, 60);
border-color: rgb(230, 162, 60);
color: #fff;
}
.el-button--primary:focus,
.el-button--primary:hover {
background: rgb(230, 162, 60);
border-color: rgb(230, 162, 60);
color: #fff;
}
到了这里,关于el-button更改选中后的默认颜色的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!