：悬停似乎并没有在自定义按钮上工作

我有几个自定义按钮，它们工作并且看起来很好，除了悬停停止工作（应该在悬停时更改颜色。它在第一次编码时起作用，但在某个时间点我不知道什么时候停止了，或者为什么，它不能在Chrome，Firefox或者IE8上运行，显然我已经搞砸了，但是我还没有找到它，我会继续寻找和研究，但是如果你有任何想法大加赞赏：悬停似乎并没有在自定义按钮上工作

HTML：

<input class="left-menu-button" type="button" value="Search" /> 
<input class="left-menu-button" type="button" value="View Detail" />

CSS：

.left-menu-button 
{ 
    width: 200px; 
    height: 60px; 
    color: #fff; 
    background-color: #631127; 
    border: none; 
    margin: 20px 40px 0 0; 
    font-size: 1.2em; 
    float: right; 
} 

.left-menu-button:hover 
{ 
     background-color: #A3143A !important; 
}

来源

2013-02-14 BattlFrog

[Works]（http://jsfiddle.net/V82WW/）。 – Vucko 2013-02-14 16:24:52

应该工作 - http://jsfiddle.net/WNMT9/你可能有一些其他的样式优先于这些 – 2013-02-14 16:25:04

[你的代码工作正常]（http://jsfiddle.net/qcHSR/）。在你的CSS中还有其他的错误。也许你正在用'input：hover'或者类似的东西重写。 – Morpheus 2013-02-14 16:26:52

1）谷歌浏览器打开网页;
2）按F12为“开发工具”打开;
3）选择你有问题的输入;
4）在右边你有应用样式;
5）在“样式”选项卡上，单击第2个图标，虚线矩形内的光标;
6）选择“：hover”，以便您可以看到发生了什么事情时，您的输入被徘徊并发现问题！

来源

2013-02-14 16:33:59 Ivozor

感谢Ivozor的，我试图找出如何当我看到你的答案时激活该控件。我注意到，当我尝试在其中一个按钮上“检查元素”时，开发人员窗口会在另一个div中打开。我最终发现div具有100％的高度，我猜是隐藏了按钮并导致悬停不能注册。 – BattlFrog 2013-02-14 17:06:56

这个方便的提示让我意识到另一个内联css覆盖了悬停状态。我通过添加！对悬停类很重要来修复它。 – Kokodoko 2014-01-06 14:19:27

这篇文章可以回答你的问题： IE 8 CSS hover over input element issue

的页面可能会迫使浏览器进入怪癖模式。

来源

2013-02-14 16:29:24

它不只是一个IE8的问题，所以答案是无关紧要的 – 2013-02-14 16:32:43

我知道这是一个旧帖子，但如果有人遇到同样的问题，我要发布。

对我来说，解决方案是，将不会显示该按钮：悬停CSS有这是通过元素ID设置自定义背景。我将它切换到一个班级，并在此后看到：悬停式样。我猜ID背景样式优先于：通过元素标签名称设置悬停样式。 Chrome和Mozilla中的

来源

2016-06-01 17:08:55 camiblanch

：悬停似乎并没有在自定义按钮上工作

回答

相关问题