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

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

相关推荐
mashirro6 分钟前
记一次基于ruoyi-vue新增小程序服务模块,小程序登陆相关
vue.js·小程序·mybatis
Vuji31 分钟前
Pi 插件解剖|ssh.ts:只用 221 行,让 Agent 直接在远程机器干活
前端·人工智能·agent
漏刻有时1 小时前
Three.js 3D地图开发实录:从GeoJSON到流光飞线,一个纯前端SPA可视化引擎的12个坑
前端
clawdashi1 小时前
2026 办公 Agent 选型指南:按场景分五类,一次讲清
前端·人工智能
无糖可可果1 小时前
从零看懂 JWT 登录鉴权:一个 React Demo 的完整拆解
前端·javascript
驳是1 小时前
代码洁癖患者会喜欢的几款 CLI 小工具
前端
Csvn1 小时前
🛋️ requestIdleCallback:把非关键任务塞进浏览器的"空闲时间",告别卡顿
前端
江华森1 小时前
从 fork 到协程:一次完整的操作系统并发编程实操
前端·程序员
四千岁1 小时前
稀疏向量BM25Retriever不支持中文怎么办?jieba来帮忙
前端·javascript·后端
这是个栗子1 小时前
【JS代码分析】前端鉴权基础:Token 的本地存储与状态重置实践
开发语言·前端·javascript