当鼠标在边框上时，悬停效果会丢失

是因为边框本身不具备悬停效果的特性。边框通常是作为一个元素的装饰性边界，用于界定元素的边界范围，而不会触发任何交互行为。

要实现在鼠标悬停在边框上时出现悬停效果，可以通过以下方法之一来实现：

1. 使用CSS伪类选择器：可以通过使用CSS伪类选择器来为边框添加悬停效果。例如，可以使用:hover伪类选择器来为元素的边框添加特定的样式，从而实现悬停效果。具体的实现方式可以根据具体需求和设计来进行调整。
2. 使用JavaScript事件监听：可以使用JavaScript来监听鼠标的移入和移出事件，并在事件触发时改变边框的样式，从而实现悬停效果。例如，可以使用mouseenter和mouseleave事件来监听鼠标的移入和移出，然后通过修改边框的样式来实现悬停效果。

需要注意的是，以上方法都是基于对元素的样式进行修改来实现悬停效果，而不是直接作用于边框本身。此外，具体的实现方式和效果可以根据具体的需求和设计来进行调整。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 人工智能（AI）：https://cloud.tencent.com/product/ai
• 物联网（IoT）：https://cloud.tencent.com/product/iot
• 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
• 区块链（BCS）：https://cloud.tencent.com/product/bcs
• 元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr