如何在Chrome/Firefox中查看用户代理默认的:hover/:focus元素样式？

每个浏览器都有自己的:focus/:hover行为，但检查元素样式时无法看到这些默认伪类样式。当我检查输入框（或任何可聚焦元素）并勾选样式面板中的:focus复选框时，只能看到文档自定义的:focus样式，以及用户代理为该元素定义的基础默认样式，却看不到用户代理自带的:focus伪类样式。

请问在Chrome或Firefox浏览器中，有没有办法查看这些用户代理的伪类默认样式？

（附：样式检查面板截图，显示勾选:focus选项后，面板中未展示用户代理的:focus相关样式）

内容的提问来源于stack exchange，提问作者Ben Carp