document.activeElement - 不同的浏览器行为

Question

我想点击其中一个按钮并显示已通过更改属性点击它，例如：

＆＃13;

＆＃13;

function clickMeFunction() {
  var curElement =  document.activeElement;
  curElement.style.borderColor = "red";
}

＆＃13;

<button onclick="clickMeFunction()">Click me to border color red</button>

＆＃13;

＆＃13;

＆＃13;

这适用于Chrome，但不适用于Safari或Firefox。查看问题的最佳方法是run the W3 "try it" for activeElement，然后点击按钮。

在Chrome上，它说活动元素是BUTTON，但活动元素是Safari和Firefox上的BODY。然而W3还说所有主流浏览器都支持activeElement。我缺少什么，如何选择我刚刚点击的按钮，以便我可以在所有浏览器上突出显示它？

谢谢