我想用边框突出显示一个元素。问题是，如果我们向元素添加一个 Package 器（带边框），它会稍微移动元素。如果我们在页面上运行这个脚本，我们可以看到它（使用开发工具）。脚本有点小故障，因为我有麻烦检测鼠标何时离开该区域。
我不能覆盖父元素属性，如（border，outline）我不能使用{position：在{position：before/after {position：绝对值，含量：“"，边框：....}（因为位置值可以在父元素上不同）
例如，我们选择顶部问题，按钮与文本对齐。before和after

document.addEventListener('mousemove', e => {
    var element = document.elementFromPoint(e.clientX, e.clientY);
    if (element.id === "_wrapper" || element.parentNode.id === "_wrapper" || element.tagName === "HTML" || element.tagName === "BODY") return;
    var parent = element.parentNode;
    var wrapper = document.createElement("div");
    wrapper.id = "_wrapper";
    
    // set the wrapper as child (instead of the element)
    parent.replaceChild(wrapper, element);
    // set element as child of wrapper
    wrapper.appendChild(element);
}, {passive: true})
 
document.addEventListener("mouseout", e => {
    var element = e.target
    if (element.id === "_wrapper") {
        // remove wrapper
        element.replaceWith(...element.childNodes)
        // element.outerHTML = element.innerHTML;
        // element.replaceChild(element.parentNode, element)
        // console.log(element, element.parentNode)
    }
})

var style = document.createElement('style');
style.innerHTML = `
#_wrapper {
    border: 1px solid;
}
`;
document.head.appendChild(style);