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

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

相关推荐
hzxpaipai1 小时前
企业官网技术架构拆解:前端、后台、数据库、服务器如何协同
前端·数据库·架构
深念Y3 小时前
Lenovo XiaoXinAir 14 — 性能模式切换
前端·网络
计算机魔术师3 小时前
Meta突然杀进第一梯队:一个新模型,把AI推理成本打下来8倍
前端
IT_陈寒4 小时前
Redis缓存雪崩把我坑惨了,这次长记性了
前端·人工智能·后端
风骏时光牛马4 小时前
提示词工程:大模型效能挖掘与指令设计实战
前端
仓三4 小时前
Chrome DevTools MCP 上手:让 Coding Agent 自己调试前端页面
前端·chrome devtools·mcp
计算机魔术师4 小时前
扒完Google AI Agent挑战赛的前三名,我发现了一个共同点
前端
不可能片场4 小时前
resources/app 为何能覆盖 app.asar
前端·electron
小婉4 小时前
我用 Next.js + React Flow 从零搭建了一个可视化 AI 工作流编排平台
前端·人工智能·node.js