在 chrome 扩展中绘制当前悬停的元素

Question

我想绘制当前悬停的元素，就像 chrome 开发工具中的检查器工具一样。我将使用 content_scripts（chrome 扩展）来注入 js 和 css。我目前正在使用以下 js 和 css。

document.addEventListener('mouseover', function (e) {
    e.target.classList.add('currently-hovered-element-target')
})

document.addEventListener('mouseout', function (e) {
    e.target.classList.remove('currently-hovered-element-target')

})

.currently-hovered-element-target {
  border: 1px dashed red;
  border-radius: none !important;
}

但它不会产生预期的结果。我怎样才能实现 chrome 检查器工具，比如悬停元素的覆盖。