class为wrap_details的modal组件border显示不一致问题排查求助

• 样式优先级覆盖：用浏览器F12开发者工具选中无border的modal元素，查看Styles面板里的border属性，看是否被更具体的选择器、带!important的规则覆盖（被覆盖的属性会显示划掉效果）。
• 类名与嵌套检查：确认第二处modal的wrap_details类名拼写正确，没有漏加；同时检查父元素是否有border:none、overflow:hidden这类会影响子元素border显示的样式。
• 动态渲染逻辑：如果modal是JS动态生成的，排查是否有代码在特定场景下移除了wrap_details类，或者动态添加了其他重置border的类。
• 状态差异影响：对比两处modal的状态（比如是否展开、激活），某些状态对应的CSS可能会重置border样式。
• 浏览器渲染环境：检查两个页面的DOCTYPE声明、浏览器渲染模式是否一致，排除兼容性导致的border解析差异。

内容的提问来源于stack exchange，提问作者user575219