<style scoped>
/*初始化样式*/
.cummon_buttonStyle {
/* background: linear-gradient(#0165eb, #018ff2, #00b7f9); */
background: #5d6c8c;
border: none;
color: #f3f3f3;
}
/* 悬浮 */
::v-deep .el-button:hover {
/* background: linear-gradient(#0165eb, #018ff2, #00b7f9) !important; */
background: linear-gradient(100deg, #016ee3, #15b5fe) !important;
font-weight: bold;
}
/*按钮点击*/
::v-deep .el-button:focus {
background: linear-gradient(100deg, #016ee3, #15b5fe) !important;
/* background: linear-gradient(#0165eb, #018ff2, #00b7f9) !important; */
font-weight: bold;
}
/* ::v-deep .el-button:active {
background: #126c9e !important;
font-weight: bold;
} */
</style>
修改el-button 的样式
最新推荐文章于 2024-08-17 12:36:44 发布