vue3 antdv3 去掉Modal的阴影背景,将圆角边框改为直角的显示,看上去不要那么的立体的样式处理。

1、来个没有处理的效果图:

这个有立体的效果,有阴影的效果。

2、要处理一下样式,让这个阴影的效果去掉:

图片的效果不太明显,但是阴影效果确实没有了。

3、代码:

复制代码
/* 去掉遮罩层阴影 */
  .ant-modal-mask {
    box-shadow: none !important;
  }

  /* 去掉Modal内容区域的阴影及圆角 */
  .ant-modal-content {
    box-shadow: none !important;
    border-radius: 0 !important;
  }

好多时间,我们都需要修改三方组件的样式,其实找一下还是要花很多时间。

相关推荐
怕浪猫1 分钟前
Electron 开发实战(七):网络通信与 API 集成全解
前端·javascript·electron
凌览4 分钟前
为什么我不推荐一人公司用PostgreSQL
前端·后端·node.js
王琦03187 分钟前
shell 第二章 变量和引用
前端·chrome
暗中讨饭xdm9 分钟前
立体echarts柱状图咋做
前端·vue.js·echarts
wuhen_n17 分钟前
阿里云百炼平台 API 接入教程(附 Node.js + TypeScript 实战)
前端·人工智能·阿里云·ai编程
码语智行17 分钟前
操作日志注解模块
java·前端·python
CDN36018 分钟前
【前端实战】LCP指标从2.5s优化至0.8s!用360CDN的WebP自适应与缓存策略榨干性能
前端·缓存
星辰_mya20 分钟前
ThreadLocal之微服务链路追踪
java·开发语言·前端
会编程的土豆24 分钟前
前端和后端是怎么配合工作的(Go后端视角)
前端·golang·状态模式