修改el-button 的样式

乐~~~

于 2023-07-20 15:06:26 发布

阅读量1.3k

点赞数

文章标签： css css3 elementui

本文链接：https://blog.csdn.net/CMDN123456/article/details/131831074

版权

<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>