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

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

相关推荐
Vincent_Vang1 分钟前
多态 、抽象类、抽象类和具体类的区别、抽象方法和具体方法的区别 以及 重载和重写的相同和不同之处
java·开发语言·前端·ide
菩提小狗3 分钟前
小迪安全_第4天:基础入门-30余种加密编码进制&Web&数据库&系统&代码&参数值|小迪安全笔记|网络安全|
前端·网络·数据库·笔记·安全·web安全
闲蛋小超人笑嘻嘻5 分钟前
非父子通信: provide和inject
前端·javascript·vue.js
止观止20 分钟前
不止解构:深入掌握 ES6+ 对象与函数的高级语法糖
前端·javascript·es6
C_心欲无痕23 分钟前
react - useTransition标记低优先级更新
前端·react.js·前端框架
捻tua馔...26 分钟前
antd3的表单实现(HOC解决方案)
前端·javascript·react.js
支付宝体验科技28 分钟前
支付宝 KJS Compose 动态化方案与架构设计
前端·客户端
AllinLin38 分钟前
JS中的call apply bind全面解析
前端·javascript·vue.js
阿乐去买菜43 分钟前
2025 年末 TypeScript 趋势洞察:AI Agent 与 TS 7.0 的原生化革命
前端
海绵宝龙1 小时前
Vue 中的 Diff 算法
前端·vue.js·算法