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

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

相关推荐
小oo呆2 分钟前
【自然语言处理与大模型】LangChainV1.0入门指南:核心组件Streaming
前端·javascript·easyui
Aotman_4 分钟前
Vue.directive:自定义指令及传参
前端·javascript·vue.js·elementui·ecmascript·es6
wangchen_05 分钟前
C++<fstream> 深度解析:文件 I/O 全指南
开发语言·前端·c++
程序员码歌6 分钟前
短思考第266天,玩IP路上的几点感悟,这几点很重要!
前端·后端·创业
梵得儿SHI8 分钟前
2025 Vue 技术实战全景:从工程化到性能优化的 8 个落地突破
前端·javascript·vue.js·pinia2.2·响应式数据分片·展望vue3.6·2025年vue技术栈
熊猫钓鱼>_>12 分钟前
解决Web游戏Canvas内容在服务器部署时的显示问题
服务器·前端·游戏·canvas·cors·静态部署·资源路径
梦65012 分钟前
React 封装 UEditor 富文本编辑器
前端·react.js·前端框架
Hao_Harrision12 分钟前
50天50个小项目 (React19 + Tailwindcss V4) ✨ | DoubleClickHeart(双击爱心)
前端·typescript·react·tailwindcss·vite7
qq. 280403398414 分钟前
react 编写规范
前端·react.js·前端框架
qq. 280403398414 分钟前
react 基本语法
前端·react.js·前端框架