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

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

相关推荐
Younglina7 分钟前
一个纯前端的网站集合管理工具
前端·vue.js·chrome
木头程序员9 分钟前
前端(包含HTML/JavaScript/DOM/BOM/jQuery)基础-暴力复习篇
开发语言·前端·javascript·ecmascript·es6·jquery·html5
卖火箭的小男孩10 分钟前
# Flutter Provider 状态管理完全指南
前端
小雨青年11 分钟前
鸿蒙 HarmonyOS 6|ArkUI(01):从框架认知到项目骨架
前端
Null15513 分钟前
浏览器唤起本地桌面应用(基础版)
前端·浏览器
pas13628 分钟前
31-mini-vue 更新element的children
前端·javascript·vue.js
wordbaby33 分钟前
TanStack Router 实战:如何构建经典的“左侧菜单 + 右侧内容”后台布局
前端·react.js
oMcLin1 小时前
如何在 RHEL 7 上优化 Nginx 与 PHP‑FPM 配置,确保高并发 Web 应用的稳定性与响应速度?
前端·nginx·php
Taiyuuki1 小时前
WebGPU 开发者福音!在 VS Code 中实时预览你的WGSL着色器作品
前端·gpu·图形学
李剑一1 小时前
uni-app实现网络离线定位
前端·trae