只有当鼠标悬停在按钮上时，如何更改按钮的颜色？

Question

这是我用的吗？它似乎没有用。

<style>
    button:hover {
    background-color : red;
}
</style>

Answer 1

也许您还希望定位<input type="submit">和其他按钮。

您可以使用多个选择器执行此操作：

button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
    background-color: red;
}

button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
  background-color: red;
}

<button>Button</button>
<input type="button" value="Button" />

有关示例，请参阅http://jsfiddle.net/toothbrush7777777/zqgypwzb/1/。

Answer 2

你的代码很好，但可能是覆盖，如果覆盖你可以将新类添加到按钮并使用按钮的类名选择css中的按钮。

HTML：

    <button class="test">Button</button>

CSS：

    button.test:hover{
    background-color: red;
    }

FIDDLE