Событие Hover не отображает измененные стили в devtools, пока я не принудительно заставлю состояние hover

Question

У меня есть этот простой код

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

Ожидаемое поведение: когда я наводю указатель мыши на ввод, новый стиль должен появиться в разделе стилей devtools, но он появляется только тогда, когда я заставляю состояние наведения черезDevtools (не с помощью мыши).Насколько я помню, в обоих случаях должны отображаться стили, я не прав?Это происходит как в chrome, так и в firefox devtools, поэтому я не могу понять, что происходит, я использую css уже 3 года и не могу вспомнить эту проблему.

Answer 1

Я полагаю, что большинство инструментов разработчика использовали для отображения состояний при наведении, но сейчас я не думаю, что они делают (без нажатия).Вероятно, потому что они добавили поддержку стольких состояний элементов, что, если они покажут их все, это может привести к путанице.