学无先后,达者为师

网站首页 编程语言 正文

修改el-button 的样式

作者:乐~~~ 更新时间: 2023-07-27 编程语言
<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>

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

  • 上一篇:没有了
  • 下一篇:没有了
栏目分类
最近更新