我有几个自定义按钮,它们工作并且看起来很好,除了悬停停止工作(应该在悬停时更改颜色。它在第一次编码时起作用,但在某个时间点我不知道什么时候停止了,或者为什么,它不能在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;
}
[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