vue-cli element el-dialog设置弹框颜色

最新推荐文章于 2024-02-01 17:35:01 发布

你的美，让我痴迷

最新推荐文章于 2024-02-01 17:35:01 发布

阅读量2.7k

点赞数 1

分类专栏： element

本文链接：https://blog.csdn.net/weixin_45932157/article/details/119245563

版权

element 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何使用CSS为弹出层定制背景色，包括头部和底部的颜色设置以及整个弹出层的渐变背景。通过`.el-dialog__header`、`.el-dialog__footer`和`.el-dialog__body`的选择器，分别设置了#1468A4和#5ABEF2两种颜色，并应用线性渐变实现从上到下的颜色过渡效果。

摘要由CSDN通过智能技术生成

.el-dialog__header {
  background: #1468A4;

}

/* 弹出层设置背景色 底部*/

.el-dialog__footer {
  background-color: #5ABEF2 !important;

}
 /* 弹出层设置背景色 身体部份*/
.el-dialog__body{
  background:linear-gradient(to bottom,#1468A4,#5ABEF2 );
  background-size: 100% ,100%;
  
}