点击后Firefox突然显示焦点轮廓。如何避免单击后的轮廓，而将其保留为键盘焦点？

/* 默认情况下移除所有元素的焦点轮廓 */
*:focus {
  outline: none;
}

/* 仅为键盘焦点显示轮廓 */
*:focus-visible {
  outline: 2px solid blue; /* 或者其他你喜欢的样式 */
}

document.addEventListener('focus', function(event) {
  if (event.target === document.activeElement && !event.relatedTarget) {
    // 这可能是鼠标点击导致的焦点变化
    event.target.style.outline = 'none';
  }
}, true);

document.addEventListener('keydown', function(event) {
  if (document.activeElement === event.target) {
    // 这是键盘导航导致的焦点变化
    event.target.style.outline = '2px solid blue';
  }
});

<button tabindex="-1">Click Me</button>