javascript - 如何找到导致 DOM 元素悬停时外观发生变化的原因?

标签 javascript html css

this page ,点击下一步进入时段enter image description here页。如果将鼠标悬停在任何时间段(如此处所示)上,外观会发生变化。我检查了 Chrome 的开发工具,但找不到带有悬停声明的样式,也找不到附加的 Javescript 鼠标悬停事件。

样式如何改变?

最佳答案

该时间段具有附加的悬停样式。

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

enter image description here 如何查找?

  1. 检查该元素

  2. 右键单击并选择强制状态

  3. 你会发现:hover

关于javascript - 如何找到导致 DOM 元素悬停时外观发生变化的原因?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29587106/

相关文章:

html - 底部的粘性页脚没有重叠

css - 动态覆盖 Vuetify 类

php - 在搜索栏中禁用以前搜索过的术语建议

javascript - 在 JavaScript 中获取字体指标?

javascript - 将对应用内购买的支持构建到 react native 代码中

HTML5柔性盒模型高度计算

javascript - 保持在形状 D3 内拖动 - ReactJS

javascript - 从 JavaScript 确定元素的自定义 CSS 光标热点坐标

javascript - 构造函数风格的银行余额工具

html - Xpath 选择父级具有某些属性的节点