Javascript 当鼠标悬停在上方时，如何找到导致DOM元素外观更改的原因？

有，单击“下一步”转到“时间段”页面。如果将鼠标悬停在此处所示的任何时间段上，则外观会发生变化。我检查了Chrome的开发工具，找不到带有悬停声明或附加Javescript鼠标悬停事件的样式

---

样式是如何更改的？

时隙附带了一个

悬停样式

.ab-columnizer .ab-available-hour:hover {
  border: 2px solid #f4662f!important;
  color: #f4662f!important;
}


如何找到

检查该元件

单击鼠标右键，然后选择“强制状态”

你会发现：悬停


看到红色矩形，您可以单击中间按钮并选中：hover复选框，然后您将找到原因