我在chrome OSX上面临一个奇怪的问题
悬停样式或悬停事件不会在元素上触发,直到您移动鼠标。即使是一点点动作也会引发悬停风格。
以下是示例代码
CSS和HTML
div {
width: 100px;
height: 100px;
background-color: red;
}
div:hover {
background-color: green;
}
<div>Dummy Text</div>
这是非常基本的代码示例,通常将光标放在div上,背景颜色变为绿色。将光标留在div并使用F5重新加载页面它仍然是绿色。但在OSX chrome上并非如此。 OSX chrome将继续显示红色框,直到您移动鼠标。
在我的案例中,这是一个更大问题的基本问题。