直接用 skin 自定义类并 CSS 覆盖 box-shadow: none !important 且显式声明 border，可去阴影保边框；需同步处理 border-radius、主题叠加、高 DPI 边框发虚及 iframe 内边框干扰。
layer.open 怎么去掉弹窗阴影但保留边框
直接设 skin 自定义类，用 css 覆盖默认 box-shadow 且不碰 border ——layui 没提供“关阴影开边框”的开关，必须靠样式干预。
为什么不能只改 shade 或 anim 参数
shade 控制遮罩层，anim 控制入场动画，两者都不影响弹窗本体的阴影和边框。弹窗的阴影来自 .layui-layer 元素的 box-shadow，边框来自其 border；它们是独立渲染的 CSS 属性，互不绑定。
实操：用 skin + CSS 精准控制
先写一个自定义 skin 类：
.my-no-shadow {
box-shadow: none !important;
border: 1px solid #e6e6e6 !important;
}
再在 layer.open 中引用：
layer.open({
type: 1,
content: '<div style="padding:20px">内容</div>',
skin: 'my-no-shadow',
area: ['400px', '200px']
});
-
box-shadow: none移除阴影，!important是必须的，否则被 Layui 内置样式覆盖 -
border显式声明，确保边框存在；颜色、粗细按需调整，不要依赖默认值 - 别用
background-color: transparent连带清掉边框——透明背景下无边框会直接看不见窗口 - 如果用了
title: false且closeBtn: 0，记得给.my-no-shadow .layui-layer-title和.layui-layer-close单独处理，否则边框可能在顶部/右上角断开
容易被忽略的兼容点
真实项目里这几个细节常导致边框“时有时无”：
- Layui 2.8+ 默认给
.layui-layer加了border-radius: 2px，它和border共存时视觉上可能让边框变虚——需要同步重置：border-radius: 0 - 某些主题皮肤（如
layui-layer-lan）会覆盖border，此时skin必须写全名：skin: 'layui-layer-lan my-no-shadow' - 响应式缩放后，1px 边框在高 DPI 屏幕上可能发虚，可改用
border: 0.5px solid #e6e6e6（现代浏览器支持） - 如果弹窗内容里有
iframe，它的body默认带边框，会和外层边框叠在一起——需在 iframe 页面内加body { border: none; }
真正难的不是删掉那行 box-shadow，而是让边框在各种主题、缩放、嵌套场景下始终“稳稳地在那里”。
