为什么这个 :hover 选择器不起作用？ [关闭]答案

【问题标题】：Why is this :hover selector not working? [closed]为什么这个 :hover 选择器不起作用？ [关闭]
【发布时间】：2014-06-30 11:38:05
【问题描述】：

我无法弄清楚我在这里做错了什么！可能真的很明显。我正在尝试使用纯 CSS/HTML 更改鼠标悬停时 div 的背景颜色和字体颜色

HTML：

<div id="cta">
    Learn More >
</div>

CSS：

#cta {
width: 65px;
border: 1px solid #183073;
border-radius: 5px;
background-color: white;
color: #183073;
font-family: Arial;
font-size: 10px;
padding: 5px;
}

#cta:hover {
background-color: #183073;
color: white;
}

提前致谢！

【问题讨论】：

在这里工作，你的测试环境是什么样的？也许正在等待服务器同步？ jsfiddle.net/2Y6sx
你确定不在你身边工作？
对我也很好。
你在哪个浏览器/操作系统中测试...它对我来说也很好:)
*Suresh：永远不要使用 !important。

标签： html css

【解决方案1】：

尝试将#cta 的z-index 设置为像99999 这样的大值。如果它像这样工作，则意味着您有另一个元素覆盖您的 div 并防止悬停。

【讨论】：

非常感谢！！现在的作品让我很傻

【解决方案2】：

:hover 将适用于跨浏览器的类型 A 元素。一些浏览器不允许 :hover 到任何 DOM 对象并且仅限于 Anchor。

类似问题已解决 Hover effects not working with IE8

【讨论】：