悬停事件在devtools中没有显示更改的样式，直到我强制使用devtools的悬停状态

Question

我有这个简单的代码

<style>input:hover{border: 3px solid blue;}</style>
<input type="text">

预期的行为：当我将鼠标悬停在输入上时，新样式应出现在devtools样式部分中，但只有当我通过devtools（不使用鼠标）强制悬停状态时才会出现。我记得它应该在两种情况下显示样式，我错了吗？在chrome和firefox devtools中都会发生这种情况，因此我无法真正了解正在发生的事情，我使用CSS已经3年了，我无法记住这个问题。

Answer 1

我相信大多数开发工具用于显示悬停状态，但现在我不认为有任何做（没有点击）。可能是因为他们增加了对如此多元素状态的支持，如果他们全部展示它们，它可能会变得混乱。