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

时间:2015-03-24 12:36:28

标签: html css

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

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

2 个答案:

答案 0 :(得分:2)

也许您还希望定位<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/

答案 1 :(得分:0)

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

HTML:

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

CSS:

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

FIDDLE